/* Illustrated, progressive collection surfaces. Originals and form fields remain intact. */
.collection-scene{display:flex;align-items:center;position:relative;overflow:hidden;isolation:isolate;min-height:185px;margin:0 0 28px;background:#f1f5ea;border:1px solid #d9e3cf;border-radius:22px;padding:26px 32px}.collection-scene>div{position:relative;z-index:2;max-width:56%}.collection-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f1f5ea 0%,#f1f5eaf2 30%,#f1f5ea22 85%);z-index:1}.collection-scene img{position:absolute;right:0;top:0;width:78%;height:100%;object-fit:cover;object-position:center 65%;z-index:0}.collection-scene h2{font-size:26px;margin:0 0 8px;line-height:1.7}.collection-scene p{font-size:12px;color:#536c45;margin:0;max-width:400px}.collection-scene .atelier-kicker{font-size:10px;margin-bottom:10px}.scene-psychology{background:#f0f4ef;border-color:#d8e2d7}.scene-psychology::after{background:linear-gradient(90deg,#f0f4ef,#f0f4efed 35%,#f0f4ef22 85%)}.scene-archive{background:#f7f4eb;border-color:#e5dfcd}.scene-archive::after{background:linear-gradient(90deg,#f7f4eb,#f7f4ebef 30%,#f7f4eb11 86%)}.scene-archive .atelier-kicker{color:#827047}
.form-step-heading{padding:22px 26px 18px;background:#f7faf2;border:1px solid #dce5d1;border-radius:18px;margin-bottom:20px}.form-step-track{display:flex;align-items:center;gap:12px;overflow:auto}.form-step-track button{background:transparent;border:0;min-width:0;padding:4px 8px;color:#637650;gap:9px;font-size:12px;white-space:nowrap;flex:1;justify-content:flex-start;min-height:38px}.form-step-track button b{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;font-size:10px;font-weight:400;border:1px solid #d5dfc7;border-radius:50%;background:#fcfdf8;color:#647b51}.form-step-track button.active{color:#35592c}.form-step-track button.active b{background:#ddebcf;border-color:#a7c189;color:#456a30}.form-step-progress{height:3px;overflow:hidden;border-radius:99px;background:#e2ead8;margin-top:15px}.form-step-progress i{display:block;height:100%;background:#8cae70;transition:width .32s ease;border-radius:99px}.form-step-panel:not([hidden]){animation:collection-arrive .3s ease both}.form-step-panel[hidden]{display:none!important}.form-step-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0 26px;margin-bottom:24px;border-bottom:1px solid #dce5d1}.form-step-footer small{font-size:11px;color:#657957}.form-step-footer [data-step-prev]:disabled{visibility:hidden}.form-step-footer .primary{min-width:105px}#person-form .form-step-panel{padding:32px}#person-form .form-step-panel textarea{min-height:170px}#person-form .form-step-panel h2{font-size:27px}#person-form .form-step-panel>.muted{max-width:700px;margin-bottom:24px}.details-card>summary{display:flex;align-items:center;gap:10px;list-style:none}.details-card>summary::before{content:'＋';font-size:17px;color:#7c9466}.details-card[open]>summary::before{content:'−'}.details-card>summary::-webkit-details-marker{display:none}.details-card>.section-head{margin-top:24px}
.interview-layout{grid-template-columns:270px minmax(0,1fr);gap:26px;max-width:1160px;margin:auto}.interview-outline{padding:0 24px 24px;overflow:hidden;border-radius:22px;background:#f9fcf4}.interview-scene-image{width:calc(100% + 48px);max-width:none;height:158px;object-fit:cover;object-position:65% 60%;display:block;margin:0 -24px 24px;border-bottom:1px solid #dbe5d0}.interview-outline .atelier-kicker{font-size:10px}.interview-outline h3{font-family:"Jingjie Serif",serif;font-size:21px;font-weight:400;line-height:1.8}.interview-outline ol{padding:0;list-style:none;line-height:1.6;display:grid;gap:10px;margin:22px 0;font-size:12px}.interview-outline li{display:flex;align-items:center;gap:10px;color:#627a55}.interview-outline li::before{content:'';width:7px;height:7px;flex-shrink:0;border:1px solid #bed0ab;border-radius:50%}.interview-outline li.current{color:#416a2e;font-weight:500}.interview-outline li.current::before{background:#89ad67;border-color:#89ad67;box-shadow:0 0 0 4px #e4eed9}.interview-outline>.muted{font-size:11px;line-height:1.95}.interview-help{font-size:11px;color:#5c784e;padding:12px 0}.interview-help p{padding-top:10px}.interview-main{padding:35px 40px;animation:collection-arrive .35s ease both}.interview-main>.muted{font-size:12px;color:#5e7652}.interview-main>.tag{margin-bottom:16px}.interview-question{margin:14px 0 25px;font-weight:400;font-size:28px;line-height:1.9;max-width:700px}.interview-main form textarea{min-height:190px;background:#fcfef8;border-color:#cbdcba;border-radius:16px;padding:17px;font-size:15px;line-height:2}.interview-main form label small{font-size:12px}.interview-main form .actions{gap:12px}.interview-main #interview-save-state{display:block;flex-basis:100%;font-size:11px;margin-top:6px}.interview-context{background:#f3f7ec;border:1px solid #d7e5c7;border-radius:13px;padding:12px 16px;font-size:12px;margin:20px 0}.interview-context summary{color:#4f7041}.interview-context .interview-turn{margin:16px 0 4px;background:#fbfdf6;border-color:#bfcea9}.interview-footer{padding-top:18px;gap:12px}.interview-footer button{background:transparent;border-color:transparent;padding:6px;font-size:11px;color:#607b4e}.processing-card{position:relative;overflow:hidden;background:linear-gradient(#fbfdf8e8,#fbfdf8f5),url('/assets/archive-room.png') center/cover}
.collection-dialog{width:min(860px,calc(100vw - 32px));padding:24px}.collection-dialog .collection-scene{min-height:170px;margin-bottom:22px}.collection-dialog .collection-scene h2{font-size:23px}.collection-dialog .form-step-heading{padding:16px 20px}.collection-dialog .form-step-track button{justify-content:center}.collection-dialog .file-drop{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;border-width:1px;background:#f5f8ef;margin:22px 0;text-align:center;padding:24px}.collection-dialog .file-drop input{font-size:12px;max-width:360px}.collection-dialog .file-drop small{max-width:470px;line-height:1.9}.collection-dialog textarea{border-radius:15px;background:#fffefa;line-height:1.95}.collection-dialog .import-person-step{padding:12px 8px 20px}.collection-dialog .import-person-step h2{font-size:26px;margin-bottom:24px}.collection-dialog #bulk-form>.actions{position:sticky;bottom:-24px;z-index:3;background:#fffef9ee;padding:18px 0 16px;border-top:1px solid #e1e7d8;backdrop-filter:blur(8px)}.collection-dialog #bulk-form>.form-step-footer{border:0;padding:14px 0;margin:0}
.survey-dialog{width:min(800px,calc(100vw - 30px));padding:24px 30px}.survey-dialog .collection-scene{min-height:145px;margin-bottom:24px}.survey-dialog .collection-scene h2{font-size:24px}.survey-dialog .collection-scene p{font-size:11px}.survey-intro{font-size:12px;color:#587149}.survey-dialog .form-step-heading{padding:14px 18px}.survey-dialog .form-step-track{gap:6px}.survey-dialog .form-step-track button{font-size:11px;gap:6px;padding:4px;justify-content:center}.survey-dialog .form-step-track b{width:25px;height:25px;font-size:9px}.survey-item{border:0;border-bottom:1px solid #e0e8d5;padding:18px 0 24px;margin:14px 0;min-width:0}.survey-item legend{font-family:"Jingjie Serif",serif;font-size:18px;line-height:1.8;padding:0;width:100%;color:#405b33}.survey-item legend>span{display:inline-flex;font-family:"Jingjie Sans",sans-serif;font-size:11px;margin-right:12px;color:#74935c}.survey-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:17px auto 7px;max-width:500px}.survey-scale.scale-7{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.survey-choice{display:flex;justify-content:center;position:relative;margin:0;cursor:pointer;font-weight:400}.survey-choice input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer;z-index:1}.survey-choice>span:first-of-type{display:grid;place-items:center;border:1px solid #cbdcba;background:#f9fcf4;color:#647f50;width:44px;height:44px;border-radius:50%;font-size:14px;transition:background .18s,border-color .18s,transform .18s}.survey-choice input:checked+span{background:#638349;color:#fff;border-color:#638349;transform:scale(1.07)}.survey-choice input:focus-visible+span{outline:2px solid #91b472;outline-offset:4px}.survey-choice:hover>span:first-of-type{border-color:#8dac71;background:#ebf3e0}.survey-choice:hover input:checked+span{background:#638349;color:#fff}.survey-anchors{display:flex;justify-content:space-between;max-width:500px;margin:auto}.survey-anchors small{font-size:10px;color:#647e52}.survey-answer-note{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.survey-answer-note>span{font-size:11px;color:#577840}.survey-answer-note button{font-size:10px;padding:4px 8px;min-height:27px;background:transparent;border-color:transparent;color:#687f58}.survey-source{font-size:11px;color:#61794f;margin-top:20px}.survey-save-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:sticky;bottom:-24px;z-index:4;border-top:1px solid #dce7ce;background:#fffef9f2;backdrop-filter:blur(10px);padding:16px 0;margin-top:20px}.survey-save-bar small{font-size:10px;flex-basis:100%;color:#5a7549}.survey-save-bar .primary{margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Card art stays recognizable, inside a consistent illustration-like presentation. */
.hero-shared{background-image:linear-gradient(90deg,#f4f7ee 0%,#f4f7eee8 32%,#f4f7ee11 80%),url('/assets/public-village.png');background-position:center 58%}.fictional-card .character-card-top{background:linear-gradient(115deg,#f1eee8,#fbf8f0);align-items:center;position:relative;border-bottom-color:#e4dfd0}.fictional-card .portrait.card-avatar{width:96px;height:118px;border-radius:15px;border:4px solid #fffdf4;outline:1px solid #d6cdb8;box-shadow:0 5px 18px #8b79541c}.fictional-card .portrait.card-avatar img{object-position:center 20%;filter:saturate(.88) contrast(.97)}.fictional-card .character-card-top h2{color:#4b4e38;font-size:23px}.fictional-card .character-card-top .tag{background:#eeebdf;color:#6b714f}.fictional-card .character-card-body{background:linear-gradient(#fffdf8,#fafaf3)}.fictional-card .character-card-body>.muted{color:#62684d}.real-card .portrait.card-avatar{border-radius:50%;width:78px;height:78px}.fictional-card .character-card-top::after{content:'✧';position:absolute;top:16px;right:18px;color:#bab38d;font-size:24px;font-family:serif}.character-card .stats{gap:7px 15px}.entry-card{overflow:hidden}.entry-card.entry-interview::before,.entry-card.entry-archive::before,.entry-card.entry-personal::before{content:'';display:block;width:calc(100% + 52px);margin:-26px -26px 6px;height:120px;background-size:cover;background-position:center 61%;border-bottom:1px solid #d9e3d0}.entry-card.entry-interview::before{background-image:url('/assets/interview-garden.png')}.entry-card.entry-archive::before{background-image:url('/assets/archive-room.png')}.entry-card.entry-personal::before{background-image:url('/assets/portrait-lake.png')}.portrait-invitation{background:linear-gradient(100deg,#edf3e5,#f6f9eef0 58%,#f6f9ee40),url('/assets/portrait-lake.png') right 58%/cover}.journey-scene-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%;opacity:.3;mask-image:linear-gradient(transparent 10%,#000 40%,transparent 100%)}.journey-mini-art .journey-scene-landscape{opacity:.17}.journey-orbit{opacity:.55}.journey-art .journey-particles{position:absolute;inset:0}.portrait-invitation .invitation-symbol{background:#f9fbf2de}.entry-card h2{font-size:22px}
@keyframes collection-arrive{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}
.editor-tools{position:relative;margin:0}.editor-tools summary{display:flex;align-items:center;gap:7px;font-size:12px;color:#5b774b;padding:10px 12px;list-style:none}.editor-tools summary::-webkit-details-marker{display:none}.editor-tools>div{position:absolute;right:0;top:calc(100% + 8px);width:175px;padding:8px;display:grid;gap:5px;background:#fffef9;border:1px solid #d1dfc4;border-radius:13px;box-shadow:0 12px 35px #5c744629;z-index:4}.editor-tools>div button{font-size:12px;justify-content:flex-start;background:transparent;border-color:transparent}.editor-tools>div button:hover{background:#edf4e3}#intake-review>.form-step-heading{margin-top:16px}#intake-review>.form-step-panel{padding:14px 0 20px}#intake-review .review-profile{border-color:#dce6d1;padding:20px;border:1px solid #dce6d1;border-radius:15px;background:#f9fcf4;margin:0 0 16px}#intake-review .sticky-actions{margin-bottom:22px}#language-form>.form-step-panel{padding:30px}#language-form>.actions{margin:14px 0 28px}.entry-card .entry-icon{margin-top:4px}
@media(max-width:1000px){.interview-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.interview-main{padding:28px}.form-step-track{gap:5px}.form-step-track button{font-size:11px}.form-step-track button b{width:25px;height:25px}.collection-scene h2{font-size:24px}}
@media(max-width:800px){.collection-scene{padding:22px;min-height:170px;margin-bottom:24px}.collection-scene>div{max-width:75%}.collection-scene img{width:90%;object-position:65% center}.collection-scene::after{background:linear-gradient(90deg,#f2f5ecf7,#f2f5ecd9 42%,#f2f5ec33)}.collection-scene h2{font-size:22px}.collection-scene p{font-size:11px}.form-step-heading{padding:16px;margin-bottom:16px}.form-step-track button{flex:none;font-size:11px;padding:4px 5px}.form-step-track{gap:8px}.form-step-track b{width:25px;height:25px}.form-step-footer{gap:8px}.form-step-footer small{font-size:10px}#person-form .form-step-panel{padding:24px}.interview-layout{grid-template-columns:1fr;gap:18px}.interview-outline{display:grid;grid-template-columns:85px minmax(0,1fr);column-gap:18px;position:relative;padding:16px 20px}.interview-scene-image{grid-column:1;grid-row:1/6;width:85px;height:110px;margin:0;border-radius:12px;border:1px solid #d5e1ca;object-position:65% center}.interview-outline>.atelier-kicker,.interview-outline>h3,.interview-outline>progress,.interview-outline>small{grid-column:2;margin:0}.interview-outline>.atelier-kicker{font-size:9px}.interview-outline h3{font-size:17px;line-height:1.5;margin-bottom:8px}.interview-outline progress{margin:7px 0;height:5px}.interview-outline>ol{display:none}.interview-outline>.muted{grid-column:1/-1;margin:12px 0 0}.interview-outline .interview-help,.interview-outline>.compact-label,.interview-outline>small:last-child{grid-column:1/-1;margin-top:10px}.interview-main{padding:24px}.interview-question{font-size:23px;line-height:1.85}.interview-main form textarea{min-height:170px;font-size:14px}.interview-main form .actions{gap:8px}.interview-main #skip-interview{font-size:11px}.survey-dialog{padding:20px}.survey-dialog .collection-scene{padding:20px;min-height:130px}.survey-dialog .collection-scene h2{font-size:22px}.survey-item legend{font-size:17px}.survey-scale{gap:7px}.survey-scale.scale-7{gap:3px}.survey-choice>span:first-of-type{width:37px;height:37px;font-size:12px}.survey-dialog .form-step-track button{min-width:65px}.survey-dialog .form-step-track span{font-size:10px}.survey-save-bar{bottom:-20px}.collection-dialog{padding:20px}.collection-dialog .collection-scene h2{font-size:22px}.collection-dialog .file-drop{padding:18px;min-height:135px}.collection-dialog #bulk-form>.actions{bottom:-20px}.fictional-card .portrait.card-avatar{width:88px;height:109px}.fictional-card .character-card-top h2{font-size:22px}.entry-card.entry-interview::before,.entry-card.entry-archive::before,.entry-card.entry-personal::before{height:120px;width:calc(100% + 52px)}.form-step-footer .primary{font-size:12px;min-width:92px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.release-stamp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:0 2px;font-size:11px;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums}.release-stamp>span:first-child{color:var(--ink);font-weight:600}.release-stamp>span:nth-child(2){letter-spacing:.04em}.release-stamp small{font-size:11px}.release-stamp a{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none}.release-stamp a:hover{color:var(--accent)}.release-stamp .ui-icon{width:12px;height:12px}@media(max-width:500px){.release-stamp{gap:6px 10px}.release-stamp small{flex-basis:100%;order:2}.release-stamp a{white-space:nowrap}}