@font-face{font-family:ZooFallback;src:local("Microsoft YaHei")}*{box-sizing:border-box}html{color-scheme:light;background:#fff9ee}body{margin:0;color:#55433e;font-family:"PingFang SC","Microsoft YaHei",ZooFallback,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9c85bb;outline-offset:4px}button:focus:not(:focus-visible),h1:focus{outline:none}svg{display:block;width:100%;height:auto}img{display:block;max-width:100%}button{color:inherit}h1,h2,p{margin:0}.shell{width:min(100% - 40px,1010px);margin:0 auto}.header{height:77px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:1px;text-decoration:none}.brand-paw{width:32px;height:32px;color:#cc8960;background:#f8e4cf;padding:5px;border-radius:11px}.demo-badge{font-size:12px;padding:7px 12px;background:#eadeef;border:1px solid #cdbad6;border-radius:30px;white-space:nowrap;font-weight:700}.text-button{border:0;background:transparent;font-size:13px;padding:9px 0;text-decoration:underline;text-underline-offset:4px}.header .text-button{font-size:12px;color:#8d7b75}.hero{display:grid;grid-template-columns:1.03fr 1fr;grid-template-areas:"copy stage" "access stage";column-gap:48px;align-items:center;min-height:680px;padding:30px 0 55px}.hero-copy{grid-area:copy;align-self:end}.eyebrow{font-size:12px;letter-spacing:2px;color:#94795e;font-weight:700;margin-bottom:18px}.hero h1{font-size:47px;line-height:1.36;letter-spacing:-1.5px;font-weight:900}.highlight{position:relative;white-space:nowrap;isolation:isolate}.highlight:after{content:"";position:absolute;left:-3px;right:-6px;bottom:4px;height:20px;background:#ffdf89;z-index:-1;border-radius:8px;transform:rotate(-2deg)}.hero-lead{font-size:15px;line-height:1.9;color:#8d776e;margin:19px 0 20px}.facts{display:flex;gap:9px;flex-wrap:wrap}.fact{font-size:12px;padding:7px 11px;border-radius:20px;background:#f2ebdf;color:#8a7469}.hero-stage{grid-area:stage;position:relative;min-width:0;height:465px;align-self:center}.hero-note{position:absolute;left:13%;top:11%;z-index:2;font-size:15px;font-weight:800;background:#f9ced2;border:2px solid #55433e;padding:11px 20px;border-radius:12px;box-shadow:3px 4px 0 #55433e;transform:rotate(-7deg)}.hero-star{position:absolute;font-size:43px;color:#bc9cd0;right:7%;top:12%;transform:rotate(12deg)}.hero-main-animal{width:340px;position:absolute;left:50%;top:50%;transform:translate(-50%,-48%) rotate(-3deg)}.hero-mini{position:absolute;width:104px;bottom:10%;filter:drop-shadow(0 5px 0 #ede3d3)}.hero-mini.cat{left:0;transform:rotate(-10deg)}.hero-mini.fox{right:0;transform:rotate(10deg)}.hero-subnote{position:absolute;left:50%;bottom:0;transform:translateX(-50%) rotate(2deg);white-space:nowrap;border:1.5px solid #55433e;background:#e8eff0;padding:11px 17px;border-radius:25px;font-size:12px;font-weight:700}.access{grid-area:access;align-self:start;padding-top:24px}.login-label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.password-row{display:flex;background:#fffdf8;border:1.5px solid #d3c2ae;border-radius:15px;overflow:hidden}.password-row:focus-within{border-color:#9b86b7}.password-row input{width:100%;min-width:0;padding:14px 16px;border:0;background:transparent;outline:0}.password-toggle{border:0;background:transparent;color:#8b7870;font-size:12px;min-width:58px}.button{min-height:53px;border:1.8px solid #55433e;border-radius:15px;background:#ffdf89;box-shadow:0 4px 0 #55433e;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:800;font-size:16px;padding:12px 23px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px);box-shadow:0 5px 0 #55433e}.button:active{transform:translateY(3px);box-shadow:0 1px 0 #55433e}.button:disabled{opacity:.55;transform:none}.button-wide{width:100%}.button-secondary{background:#fffdf8;box-shadow:0 3px 0 #d1c2b7;font-size:14px}.fine-print{font-size:12px;color:#9b8678;line-height:1.8;margin-top:14px}.error-message{color:#a84b56;font-size:13px;line-height:1.6;min-height:21px;margin:7px 0 9px}.error-message:empty{min-height:0;margin:0 0 14px}.storage-warning{font-size:12px;color:#95683b;margin:8px 0;line-height:1.7}.welcome-actions{display:flex;gap:18px;align-items:center;margin-top:16px}.under-hero{border-top:1px dashed #d8c8b6;padding:26px 0;text-align:center;font-size:13px;color:#907c6e;line-height:1.9}.under-hero strong{font-weight:700;color:#6d564b}.footer{padding:20px 0 25px;font-size:11px;text-align:center;letter-spacing:.6px;color:#a68e7d;line-height:1.9}.quiz-shell{max-width:610px}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin:12px 0 12px}.back-button{border:0;background:transparent;min-height:32px;font-size:13px;display:flex;gap:7px;align-items:center}.back-button:disabled{opacity:.3}.scene-count{font-size:12px;font-weight:800;color:#9c86b0}.scene-count strong{font-size:20px;color:#695977}.progress-track{height:6px;background:#eadfcd;border-radius:10px;overflow:hidden;margin:0 0 23px}.progress-fill{height:100%;background:#c2a8d3;border-radius:10px;transition:width .2s}.question-panel{background:#fffdfa;border:1.7px solid #d8c8b8;border-radius:27px;padding:28px 30px 24px;box-shadow:0 8px 0 #f0e5d5;position:relative}.scene-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;background:#f5e6c6;border-radius:18px;padding:6px 11px;margin-bottom:18px}.chip-paw{width:13px;height:13px;color:#ac855a}.question-panel h1{font-size:24px;line-height:1.6;letter-spacing:.2px;margin-bottom:18px;font-weight:800}.scene-display{min-height:148px;display:flex;justify-content:center;flex-direction:column;margin-bottom:18px}.chat-actor{display:flex;align-items:center;gap:9px;margin:3px 0 14px;font-size:12px;color:#9a8578}.chat-avatar{width:28px;height:28px;background:#e2d8ee;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8c70ad;font-weight:900;font-size:15px}.chat-bubble{position:relative;background:#f6e8ce;border-radius:4px 20px 20px 20px;padding:19px 23px;align-self:start;font-size:23px;font-weight:800;letter-spacing:.5px;max-width:100%;line-height:1.5}.chat-bubble:after{content:"";position:absolute;width:17px;height:17px;background:#f6e8ce;top:0;left:-7px;clip-path:polygon(0 0,100% 0,100% 100%)}.party-art{width:88%;max-width:350px;margin:auto}.question-prompt{font-size:13px;font-weight:700;color:#a48e80;margin-bottom:13px}.choices{display:grid;gap:12px}.choice{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:58px;padding:13px 15px;border:1.5px solid #e1d3c1;border-radius:15px;background:#fffaf0;transition:border-color .12s,background .12s,transform .12s}.choice:hover{border-color:#b09abf;background:#f7eff9;transform:translateY(-1px)}.choice-mark{display:flex;align-items:center;justify-content:center;border:1px solid #dfd0bb;background:#fffcf5;width:27px;height:27px;flex:0 0 27px;border-radius:9px;font-size:11px;font-weight:800;color:#9f8b7c}.choice-label{font-size:16px;line-height:1.6;font-weight:700}.choice.selected{border-color:#a289b5;background:#f0e6f6;box-shadow:0 0 0 1px #a289b5}.choice.selected .choice-mark{background:#a289b5;border-color:#a289b5;color:white}.choice:disabled{opacity:1}.quiz-status{min-height:34px;padding-top:14px;font-size:12px;line-height:1.65;text-align:center;color:#9e8c7e}.reaction{color:#8c729f;font-weight:700}.quiz-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:22px;min-height:35px}.next-link{border:0;background:transparent;font-weight:800;font-size:13px;color:#877096;min-height:34px;text-decoration:underline;text-underline-offset:5px}.result-shell{max-width:650px}.result-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:15px 0 21px}.result-intro{font-size:13px;font-weight:800;color:#97836f}.result-card{--role-paper:#fff0c4;--role-color:#d69a37;position:relative;background:#fffdf8;border:1.7px solid #d7c5b1;border-radius:30px;padding:29px 30px 26px;box-shadow:0 8px 0 #f0e5d5;text-align:center;overflow:hidden}.result-card:before{content:"";height:125px;position:absolute;background:var(--role-paper);top:0;left:0;right:0;z-index:0;border-bottom:1px solid #f1e2ca}.result-heading{position:relative}.result-heading .eyebrow{margin-bottom:8px;font-size:11px;color:#8b7259;letter-spacing:1.4px}.result-card h1{font-size:36px;font-weight:900;letter-spacing:1px;line-height:1.5}.portrait{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;gap:0;margin:8px auto 0;min-height:220px}.portrait .character{width:250px}.portrait.duo .character{width:min(42%,215px)}.portrait.duo .character:first-child{transform:rotate(-7deg)}.portrait.duo .character:nth-child(2){transform:rotate(7deg)}.role-line{font-size:17px;line-height:1.75;font-weight:800;margin:0 auto 15px;max-width:450px}.role-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:19px}.role-tag{padding:7px 12px;border-radius:9px;background:var(--role-paper);font-size:12px;color:#77634e;font-weight:700}.role-caption{font-size:13px;color:#988574;line-height:1.9;max-width:430px;margin:0 auto 22px}.picks{padding:20px;text-align:left;background:#f5efe4;border-radius:17px}.picks h2{font-size:13px;font-weight:800;margin-bottom:15px;color:#8b7767}.picks ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}.picks li{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:13px}.pick-count{width:22px;height:22px;flex:0 0 22px;display:inline-flex;justify-content:center;align-items:center;background:#fffaf0;border-radius:8px;color:#b69776;font-size:10px;font-weight:800;margin-top:0}.pick-scene{display:block;color:#a18b76;font-size:10px;margin-bottom:2px;letter-spacing:1px}.pick-label{font-weight:700}.result-footnote{font-size:10px;color:#a48a75;margin-top:20px;line-height:1.8}.result-actions{margin-top:23px;display:grid;grid-template-columns:1fr;gap:16px}.result-explain{font-size:12px;color:#9b8678;text-align:center;line-height:1.9;padding:20px 8px 0}.result-nav{display:flex;justify-content:center;gap:28px;margin-top:17px}.modal{border:1.5px solid #d7c4b1;box-shadow:0 15px 70px #48362633;border-radius:25px;background:#fff9ee;padding:24px;width:min(92vw,510px);max-height:90dvh;overflow:auto;color:#55433e}.modal::backdrop{background:#493b335c;backdrop-filter:blur(3px)}.modal h2{font-size:21px;font-weight:900;margin:6px 0 13px}.modal p{font-size:13px;line-height:1.8;color:#988575}.modal-actions{display:flex;gap:15px;margin-top:25px}.modal-actions .button{flex:1;font-size:14px}.save-modal .modal-top{display:flex;justify-content:space-between;align-items:center}.save-modal img{width:100%;height:auto;border-radius:12px;margin:16px 0 21px;border:1px solid #e1d2c0}.boot-screen{display:flex;min-height:80vh;flex-direction:column;align-items:center;justify-content:center;color:#998471;gap:15px;font-size:13px}.boot-paw{font-size:38px}.empty-state{padding:70px 0;text-align:center}.empty-state h1{font-size:25px;margin-bottom:16px}.empty-state p{font-size:14px;color:#998471;line-height:1.9;margin:0 auto 25px;max-width:350px}
@media(max-width:700px){.shell{width:calc(100% - 32px)}.header{height:61px}.brand{font-size:14px;gap:8px}.brand-paw{width:27px;height:27px;padding:4px}.demo-badge{font-size:10px;padding:6px 9px}.hero{grid-template-columns:1fr;grid-template-areas:"copy" "stage" "access";min-height:0;padding:16px 7px 31px;column-gap:0}.hero-copy{align-self:auto}.eyebrow{font-size:10px;margin-bottom:13px}.hero h1{font-size:34px;letter-spacing:-.7px;line-height:1.38}.highlight:after{height:15px;bottom:2px}.hero-lead{font-size:13px;line-height:1.8;margin:12px 0 13px}.facts{gap:7px}.fact{font-size:10px;padding:5px 9px}.hero-stage{height:202px;width:min(100%,360px);margin:8px auto 0}.hero-main-animal{width:197px;transform:translate(-50%,-50%) rotate(-3deg);top:49%}.hero-note{top:7%;left:7%;font-size:10px;padding:7px 11px;border-width:1.4px;box-shadow:2px 3px 0 #55433e}.hero-star{font-size:27px;top:7%;right:7%}.hero-mini{width:63px;bottom:11%}.hero-mini.cat{left:5%}.hero-mini.fox{right:5%}.hero-subnote{padding:6px 11px;font-size:9px;bottom:0}.access{padding-top:22px}.login-label{font-size:12px}.password-row input{padding:12px 14px;font-size:15px}.password-row{border-radius:12px}.button{min-height:49px;border-radius:13px;font-size:15px;padding:11px 18px}.fine-print{font-size:11px;margin-top:11px}.error-message:empty{margin-bottom:12px}.under-hero{font-size:11px;padding:19px 5px}.footer{font-size:10px;padding-top:13px}.quiz-top{margin:8px 0 9px}.scene-count strong{font-size:18px}.progress-track{margin-bottom:17px}.question-panel{border-radius:23px;padding:20px 18px 13px}.scene-chip{margin-bottom:13px;font-size:10px;padding:5px 9px}.question-panel h1{font-size:20px;line-height:1.6;margin-bottom:11px}.scene-display{min-height:122px;margin-bottom:15px}.chat-actor{font-size:10px;margin:0 0 11px}.chat-avatar{width:25px;height:25px;font-size:13px}.chat-bubble{font-size:21px;padding:15px 19px}.party-art{width:100%;max-width:310px}.question-prompt{font-size:12px;margin-bottom:12px}.choices{gap:10px}.choice{min-height:57px;border-radius:13px;padding:12px 11px;gap:10px}.choice-mark{width:24px;height:24px;flex-basis:24px;font-size:10px;border-radius:8px}.choice-label{font-size:14px;line-height:1.7}.quiz-status{font-size:10px;min-height:30px;padding-top:12px}.quiz-actions{margin-top:18px;gap:10px}.back-button,.next-link{font-size:11px}.quiz-actions .text-button{font-size:11px}.result-top{margin:12px 0 15px}.result-intro{font-size:12px}.result-card{border-radius:25px;padding:22px 17px}.result-card:before{height:103px}.result-card h1{font-size:28px;letter-spacing:.3px}.result-heading .eyebrow{font-size:10px;margin-bottom:4px}.portrait{min-height:191px;margin-top:5px}.portrait .character{width:209px}.portrait.duo .character{width:48%}.role-line{font-size:14px;line-height:1.8;margin-bottom:13px}.role-tags{gap:6px;margin-bottom:16px}.role-tag{font-size:10px;padding:6px 8px}.role-caption{font-size:11px;line-height:1.9;margin-bottom:17px}.picks{padding:16px 13px}.picks h2{font-size:12px;margin-bottom:13px}.picks li{font-size:12px;gap:9px}.picks ol{gap:13px}.pick-scene{font-size:9px}.result-footnote{font-size:9px;margin-top:15px}.result-actions{margin-top:20px}.result-explain{font-size:10px;padding-top:17px}.result-nav .text-button{font-size:11px}.modal{padding:20px}.modal h2{font-size:19px}}
@media(max-width:370px){.shell{width:calc(100% - 24px)}.hero{padding-left:3px;padding-right:3px}.hero h1{font-size:31px}.hero-stage{height:190px}.hero-main-animal{width:183px}.question-panel{padding:18px 15px 12px}.question-panel h1{font-size:19px}.choice-label{font-size:13px}.result-card h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.animal-guide{margin:28px 0 20px;padding:22px 24px;background:#f6efdf;border-radius:22px;text-align:left}.animal-guide h2{font-size:16px;margin:0 0 18px;font-weight:800}.guide-item+.guide-item{border-top:1px dashed #d9c9b4;padding-top:16px;margin-top:16px}.guide-item h3{font-size:13px;color:#896f56;margin:0 0 6px}.guide-item p{font-size:13px;color:#8d7b6c;line-height:1.9;margin:0}.all-picks{border:1px solid #ddcdbb;border-radius:18px;padding:17px 20px;margin:15px 0;text-align:left}.all-picks summary{cursor:pointer;font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center;min-height:24px;list-style:none}.all-picks summary::-webkit-details-marker{display:none}.all-picks[open] summary span{transform:rotate(180deg)}.all-picks .picks{margin-top:12px}.all-picks-hint{font-size:11px;color:#9b8678;line-height:1.8;margin-top:14px}.pick-edit{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;line-height:1.8;padding:3px 0;cursor:pointer}.pick-edit span{color:#9b81ad}.result-shortcut{display:block;min-height:42px;margin:12px auto 0;border:0;background:transparent;color:#876b9d;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.portrait.ensemble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:310px;gap:0;margin:18px auto 12px;min-height:0}.portrait.ensemble .character{width:100%;max-width:155px;margin:auto}.portrait.ensemble .character:last-child:nth-child(odd){grid-column:1 / -1}.all-picks summary:focus-visible,.pick-edit:focus-visible,.result-shortcut:focus-visible{outline:3px solid #b69bca;outline-offset:4px}
@media(max-width:700px){.animal-guide{padding:20px 18px;margin-top:24px}.animal-guide h2{font-size:14px}.guide-item h3{font-size:12px}.guide-item p{font-size:12px}.all-picks{padding:15px 17px}.all-picks summary{font-size:12px}.portrait.ensemble{width:245px}.portrait.ensemble .character{max-width:122px}}

.report-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.report-nav a{font-size:12px;color:#806c87;text-decoration:none;border:1px solid #ddcbe5;border-radius:99px;background:#f4edf8;padding:8px 12px;min-height:34px;display:inline-flex;align-items:center}.report-nav a:hover{background:#e9ddf1}.report-section,.egg-section{scroll-margin-top:20px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .button{font-size:14px;padding:12px 14px;gap:8px}.report-invitation{font-size:12px;text-align:center;color:#8e7763;padding:18px 5px 6px;line-height:1.8}.report-section{background:#fffdf8;border:1.5px solid #ddcdbb;border-radius:27px;margin-top:24px;padding:28px 25px;text-align:left}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px}.section-index{flex:0 0 32px;width:32px;height:32px;background:#f2e3c5;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#9d7c4d}.section-title h2{font-size:20px;line-height:1.5;margin:0 0 5px}.section-title p{font-size:12px;line-height:1.8;color:#927c6c;margin:0}.recipe-layout{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:center}.recipe-donut{width:100%;max-width:230px}.recipe-donut svg{display:block;width:100%;height:auto}.recipe-legend{display:grid;gap:17px}.recipe-item{display:flex;align-items:center;gap:9px}.recipe-animal{width:42px;height:42px;flex:0 0 42px}.recipe-detail{flex:1;min-width:0}.recipe-detail>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px;font-size:12px;font-weight:700}.recipe-detail strong{font-size:20px}.recipe-detail small{font-size:12px;margin-left:2px}.recipe-track{height:6px;background:#efe7db;border-radius:10px;overflow:hidden}.recipe-track span{display:block;height:100%;border-radius:10px}.report-note{font-size:11px;color:#917b66;line-height:1.8;margin:19px 0 0;text-align:center}.scene-report-list{display:grid;gap:18px}.scene-mode{padding:22px 20px;border-radius:19px;background:var(--mode-paper);border:1px solid #d8c7b766}.scene-mode-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.mode-kicker{font-size:11px;font-weight:800;letter-spacing:.6px;color:#8c715e;line-height:1.8;margin:0 0 6px}.scene-mode h3{font-size:17px;line-height:1.65;margin:0}.mode-animals{display:flex;flex-wrap:wrap;flex:0 0 auto;max-width:110px;justify-content:center}.mode-animals span{display:block;width:47px;height:47px}.mode-role{font-size:11px;color:#7f6656;margin:10px 0 0}.mode-text{font-size:13px;line-height:1.95;color:#6e594d;margin:12px 0 14px}.evidence-heading{font-size:10px;color:#8d7561;margin:0 0 7px}.evidence-list{display:grid;gap:8px}.evidence{padding:10px 13px;border-radius:11px;background:#fffdf8bf;font-size:12px;line-height:1.75}.evidence>span{display:block;font-size:10px;color:#927c67;margin-bottom:2px}.evidence q{font-weight:700;quotes:"「" "」"}.egg-section{position:relative;background:#f0e5f5;border:1.5px solid #d7bedf;border-radius:27px;margin-top:25px;padding:29px 25px;text-align:left;overflow:hidden}.egg-sticker{position:absolute;right:19px;top:12px;font-size:45px;color:#c0a3cd;transform:rotate(9deg)}.egg-section h2{font-size:23px;line-height:1.55;margin:8px 25px 13px 0}.egg-text{font-size:14px;line-height:1.95;color:#735c7a;margin-bottom:18px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.manual-item{background:#f5eee0;border-radius:18px;padding:19px 17px}.manual-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#91734f;font-weight:800;margin-bottom:13px}.manual-icon{display:block;width:31px;height:31px;color:#b08453}.manual-item h3{font-size:16px;line-height:1.65;margin-bottom:10px}.manual-item>p{font-size:12px;line-height:1.95;color:#7e6959;margin-bottom:16px}.manual-evidence{border-top:1px dashed #d7c5ad;padding-top:12px;font-size:11px;line-height:1.8;color:#6c5849}.manual-evidence span{display:block;font-size:10px;color:#977e65;margin-bottom:4px}.manual-evidence q{quotes:"「" "」";font-weight:700}
@media(max-width:700px){.report-nav{gap:6px;margin-bottom:15px}.report-nav a{font-size:10px;padding:7px 10px;min-height:31px}.result-actions{grid-template-columns:1fr;gap:13px}.result-actions .button{font-size:14px;min-height:49px}.report-invitation{font-size:10px;padding:16px 6px 2px}.report-section{padding:21px 17px;border-radius:23px;margin-top:20px}.section-title{gap:9px;margin-bottom:15px}.section-index{width:27px;height:27px;flex-basis:27px;font-size:10px;border-radius:8px}.section-title h2{font-size:17px}.section-title p{font-size:11px}.recipe-layout{grid-template-columns:1fr;gap:13px}.recipe-donut{width:196px;margin:auto}.recipe-legend{gap:13px;padding:0 9px}.recipe-animal{width:38px;height:38px;flex-basis:38px}.recipe-detail>div:first-child{font-size:12px}.recipe-detail strong{font-size:19px}.report-note{font-size:10px;margin-top:17px}.scene-mode{padding:17px 14px}.mode-kicker{font-size:10px}.scene-mode h3{font-size:15px}.mode-animals{max-width:86px}.mode-animals span{width:40px;height:40px}.mode-text{font-size:12px;line-height:1.95}.mode-role{font-size:10px;line-height:1.8}.evidence{font-size:11px;padding:9px 10px}.egg-section{padding:23px 18px;border-radius:23px}.egg-section h2{font-size:21px;margin-right:20px}.egg-text{font-size:12px}.egg-sticker{font-size:35px;right:13px}.manual-grid{grid-template-columns:1fr;gap:13px}.manual-item{padding:18px 16px}.manual-item h3{font-size:15px}.manual-item>p{font-size:12px;margin-bottom:13px}.manual-evidence{font-size:11px}.manual-label{font-size:11px;margin-bottom:10px}}

.tie-note{font-size:11px;color:#826c89;background:#f3eaf6;border-radius:12px;padding:12px 15px;line-height:1.9;margin:0 0 20px}
.recipe-layout{grid-template-columns:190px 1fr;gap:14px}.recipe-legend{grid-template-columns:1fr 1fr;gap:13px 15px}.recipe-animal{width:30px;height:30px;flex-basis:30px}.recipe-item{gap:6px}.recipe-detail>div:first-child{font-size:10px;gap:3px;margin-bottom:5px}.recipe-detail strong{font-size:15px}.recipe-detail small{font-size:9px;margin-left:1px}.recipe-track{height:4px}
@media(max-width:700px){.recipe-layout{grid-template-columns:1fr;gap:16px}.recipe-legend{padding:0;gap:14px 12px}.recipe-donut{width:188px}.recipe-detail>div:first-child{font-size:10px}.recipe-detail strong{font-size:15px}.recipe-animal{width:31px;height:31px;flex-basis:31px}.tie-note{font-size:10px}}

.save-actions{display:grid;gap:16px}.save-modal .save-expiry{font-size:11px;line-height:1.7;margin-top:18px}.save-modal img{-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto}