:root{color:#20332c;font-synthesis:none;--ink:#20332c;--forest:#173b30;--forest-2:#244c3e;--paper:#f8f6f0;--white:#fffefa;--coral:#df6545;--ochre:#d5aa3c;--moss:#82917a;--line:#dedbd1;--muted:#748077;--serif:"Iowan Old Style", "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;background:#f5f3ed;font-family:Inter,Hiragino Sans,Yu Gothic UI,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);min-width:320px}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.logo{letter-spacing:.26em;align-items:center;gap:12px;height:34px;font-size:17px;display:flex}.logo-mark{border:1.5px solid;border-radius:50% 50% 45% 45%;place-items:center;width:31px;height:31px;display:inline-grid;position:relative}.logo-mark:before{content:"";border:1.5px solid;border-radius:50% 50% 2px 2px;width:12px;height:18px;position:absolute;bottom:4px}.logo-mark span{z-index:1;background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:14px}.logo-light{color:#f9f2dc}.eyebrow{letter-spacing:.2em;color:#8a8f87;margin:0 0 7px;font-size:10px;font-weight:800}.eyebrow.light{color:#cfccb9}.muted{color:var(--muted)}.primary-btn,.outline-btn,.start-button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;height:43px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.primary-btn{background:var(--coral);color:#fff;box-shadow:0 6px 16px #d7644331}.primary-btn:hover{background:#c95436;transform:translateY(-1px)}.primary-btn:disabled{opacity:.65;cursor:wait}.outline-btn{background:0 0;border:1px solid #d8d6cf}.outline-btn:hover{background:#fff;border-color:#b8b7af}.wide{width:100%}.icon-btn{cursor:pointer;background:#fffefa;border:1px solid #dedbd2;border-radius:7px;place-items:center;width:39px;height:39px;padding:0;display:inline-grid}.icon-btn:hover{background:#f1eee7}.status{letter-spacing:.08em;border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status span{background:currentColor;border-radius:50%;width:5px;height:5px}.status.published{color:#3f7754;background:#e7f0e9}.status.draft{color:#71766f;background:#ecebe7}.local-badge{color:#dad4c3;letter-spacing:.16em;border:1px solid #ded4b83a;border-radius:20px;padding:8px 11px;font-size:9px}.local-badge span{background:#d5aa3c;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 9px #d5aa3c}.story-rings{width:275px;height:275px;position:absolute;top:23%;right:13%}.ring{border:1px solid #d7cdaf2e;border-radius:50%;position:absolute;inset:0}.ring-1:before,.ring-2:before,.ring-3:before{content:"✦";color:#d8cda977;font-size:10px;position:absolute}.ring-1:before{top:19px;left:55px}.ring-2{border-style:dashed;inset:36px;transform:rotate(24deg)}.ring-2:before{bottom:46px;right:2px}.ring-3{inset:78px}.ring-3:before{bottom:-18px;left:-31px}.story-key{color:#e5b54c;border:1px solid #d4b86745;border-radius:50%;place-items:center;display:grid;position:absolute;inset:105px;box-shadow:0 0 38px #cfb14e20}.mini-logo{letter-spacing:.2em;color:var(--forest);margin:0 0 50px;font-size:11px;font-weight:800}.mini-logo span{color:#b0b2ab}.form-card label,.form-card .field-label{letter-spacing:.03em;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px;font-weight:700;display:flex}.form-card input,.form-card select,.form-card textarea{height:46px;color:var(--ink);background:#fff;border:1px solid #d9d7cf;border-radius:5px;padding:0 13px;font-size:13px;transition:all .2s}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#8c9b91;outline:none;box-shadow:0 0 0 3px #3c695817}.form-error{color:#bd4b37;margin:-4px 0 14px;font-size:12px}.or{color:#aaa9a2;align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.app-shell{background:#f5f3ed;grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:50;background:#fcfbf7;border-right:1px solid #e2dfd6;flex-direction:column;width:232px;height:100vh;padding:30px 21px 18px;display:flex;position:fixed}.sidebar .logo{margin:0 9px 34px}.create-button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;gap:9px;height:43px;margin-bottom:24px;font-size:12px;font-weight:700;display:flex;box-shadow:0 7px 19px #173b3027}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button,.help-link{color:#68736b;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:13px;height:42px;padding:0 13px;font-size:12px;font-weight:600;display:flex}.sidebar nav button.active{color:var(--forest);box-shadow:inset 3px 0 var(--coral);background:#e9eee9}.sidebar nav button:hover,.help-link:hover{background:#f0eee8}.sidebar-bottom{border-top:1px solid #e6e3db;margin-top:auto;padding-top:14px}.help-link{width:100%}.mobile-close{display:none}.main-shell{grid-column:2;min-width:0}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfbf7f0;border-bottom:1px solid #e3e0d8;align-items:center;height:79px;padding:0 38px;display:flex;position:sticky;top:0}.topbar h2{font-family:var(--serif);margin:2px 0 0;font-size:17px;font-weight:600}.breadcrumb{letter-spacing:.18em;color:#a3a59e;margin:0;font-size:8px;font-weight:800}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.notification{position:relative}.notification i{background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.menu-button{background:0 0;border:0;margin-right:12px;display:none}.page{max-width:1500px;margin:auto;padding:38px clamp(24px,4vw,62px) 70px}.welcome{border-bottom:1px solid #dedbd2;min-height:121px;display:flex;position:relative;overflow:hidden}.welcome h1,.page-intro h1{font-family:var(--serif);letter-spacing:.025em;margin:0 0 7px;font-size:28px;font-weight:600}.welcome p:last-child,.page-intro p:last-child{color:#758078;margin:0;font-size:12px}.welcome-sigil{color:#cfcbc0;border:1px solid #ddd8ca;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:absolute;top:-19px;right:40px}.welcome-sigil:before,.welcome-sigil:after{content:"";border:1px dashed #ded9cc;border-radius:50%;position:absolute;inset:15px}.welcome-sigil:after{border-style:solid;inset:37px}.welcome-sigil svg{z-index:1;width:21px;position:relative}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 38px;display:grid}.stat-card{background:#fffefa;border:1px solid #e1ded5;border-radius:7px;align-items:center;gap:14px;min-height:95px;padding:18px;display:flex;box-shadow:0 4px 16px #384b4108}.stat-icon{border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.stat-icon.green{color:#356c55;background:#e5eee8}.stat-icon.orange{color:#cf6445;background:#f8e6de}.stat-icon.yellow{color:#b98a28;background:#f6ecd2}.stat-card>div:last-child{grid-template-columns:auto 1fr;align-items:baseline;column-gap:9px;display:grid}.stat-card p{color:#7e857f;grid-column:1/3;margin:0 0 4px;font-size:10px;font-weight:700}.stat-card strong{font-family:var(--serif);font-size:23px}.stat-card small{color:#899089;font-size:9px}.section-heading{justify-content:space-between;align-items:end;margin:0 0 15px;display:flex}.section-heading h2{font-family:var(--serif);margin:0;font-size:20px}.text-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.project-card{background:#fffefa;border:1px solid #dedbd2;border-radius:8px;grid-template-columns:260px minmax(300px,1fr);margin-bottom:23px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 20px #27382f0c}.project-info{padding:22px 25px 26px}.status-line{justify-content:space-between;display:flex}.status-line button{color:#969991;background:0 0;border:0}.project-label{letter-spacing:.17em;color:#a1a49d;margin:18px 0 6px;font-size:8px;font-weight:800}.project-info h3{font-family:var(--serif);margin:0 0 7px;font-size:21px}.project-info>p{color:#758078;margin:0;font-size:11px;line-height:1.7}.progress-line{color:#858b85;justify-content:space-between;margin:20px 0 7px;font-size:9px;display:flex}.progress-line strong{color:var(--ink)}.progress{background:#eae7df;border-radius:8px;height:4px;overflow:hidden}.progress i{background:var(--coral);height:100%;display:block}.project-actions{gap:8px;margin-top:18px;display:flex}.project-meta{color:#90958f;gap:13px;font-size:9px;display:flex;position:absolute;top:23px;right:24px}.project-meta span{align-items:center;gap:4px;display:flex}.mystery-art{background:linear-gradient(145deg,#203d34,#0f2922);height:275px;position:relative;overflow:hidden}.mystery-cover{object-fit:cover;width:100%;height:275px;display:block}.mystery-cover.compact{height:194px}.mystery-art:before{content:"";border:1px solid #d7d0aa1e;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;left:-100px;box-shadow:0 0 0 32px #ffffff05,0 0 0 33px #d7d0aa12}.moon{background:#e2d2a3;border-radius:50%;width:56px;height:56px;position:absolute;top:27px;right:30px;box-shadow:0 0 30px #e6d7a944}.tower{width:89px;height:217px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tower-roof{border-bottom:50px solid #0b201b;border-left:44px solid #0000;border-right:44px solid #0000;position:absolute;top:6px;left:0}.tower-body{background:#102b24;position:absolute;inset:50px 13px 0;box-shadow:inset 8px 0 #17392e}.clock-face{z-index:2;background:#d8cfad;border:5px solid #10271f;border-radius:50%;width:45px;height:45px;position:absolute;top:38px;left:22px;box-shadow:0 0 18px #d8c27128}.clock-face:before,.clock-face:after{content:"";transform-origin:bottom;background:#173b30;width:1px;height:12px;position:absolute;top:5px;left:17px}.clock-face:after{height:10px;top:8px;transform:rotate(95deg)}.clock-face i{border:1px dashed #51665b;border-radius:50%;position:absolute;inset:3px}.window-light{z-index:2;background:#ddb449;width:7px;height:12px;position:absolute;left:41px;box-shadow:0 0 11px #ddb449}.window-light.one{top:111px}.window-light.two{top:159px}.star{color:#d8c885;position:absolute}.s1{top:63px;left:31px}.s2{bottom:44px;right:89px}.s3{font-size:11px;bottom:71px;left:55px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.quick-grid>button{text-align:left;cursor:pointer;background:#fffefa;border:1px solid #e1ded5;border-radius:7px;grid-template-columns:39px 1fr 18px;column-gap:12px;padding:17px;display:grid;position:relative}.quick-icon{border-radius:50%;grid-row:1/3;place-items:center;width:39px;height:39px;display:grid}.quick-icon.coral{color:#ca5c3e;background:#f8e4dc}.quick-icon.ochre{color:#ae8325;background:#f7ecd2}.quick-icon.moss{color:#526e60;background:#e5ebe6}.quick-grid strong{align-self:end;margin-bottom:3px;font-size:11px}.quick-grid small{color:#90948e;align-self:start;font-size:9px}.quick-arrow{grid-area:1/3/3;align-self:center;width:15px}.page-intro{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.filter-row{border-bottom:1px solid #dedbd2;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-tabs{gap:27px;display:flex}.filter-tabs button{color:#898d87;cursor:pointer;background:0 0;border:0;height:42px;font-size:11px;font-weight:700;position:relative}.filter-tabs button.active{color:var(--ink)}.filter-tabs button.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:-1px;left:0;right:0}.filter-tabs span{background:#e7e5de;border-radius:20px;margin-left:4px;padding:2px 6px;font-size:8px}.filter-row>.outline-btn{height:34px;margin-bottom:6px}.mystery-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:20px;display:grid}.mystery-tile{background:#fffefa;border:1px solid #dfdcd4;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #28382f0b}.mystery-art.compact{height:194px}.tile-body h3{font-family:var(--serif);margin:14px 0 7px;font-size:19px}.tile-body>p{color:#7b827c;min-height:36px;margin:0;font-size:11px;line-height:1.6}.tile-stats{border-top:1px solid #e7e4dc;gap:16px;margin-top:16px;padding-top:12px;display:flex}.tile-stats span{color:#858b85;align-items:center;gap:4px;font-size:9px;display:flex}.tile-actions{gap:7px;margin-top:14px;display:flex}.tile-actions .primary-btn,.tile-actions .outline-btn{flex:1;height:39px}.draft-art{background:#eae7df;place-items:center;height:194px;display:grid;position:relative;overflow:hidden}.draft-art>span{font-family:var(--serif);color:#64746a;z-index:2;border:1px solid #9ba49d;border-radius:50%;place-items:center;width:76px;height:76px;font-size:44px;display:grid;position:relative}.paper{background:#f5f2e9;border:1px solid #cfcac0;width:120px;height:150px;position:absolute;top:38px;left:28%;transform:rotate(-16deg)}.paper.p2{background:#f1ede3;top:19px;left:auto;right:23%;transform:rotate(13deg)}.draft-tile .tile-stats{min-height:28px}.editor-shell{flex-direction:column;height:calc(100dvh - 79px);display:flex}.editor-toolbar{background:#fffefa;border-bottom:1px solid #dfdcd3;justify-content:space-between;align-items:center;height:78px;padding:0 26px;display:flex}.editor-toolbar>div{align-items:center;gap:12px;display:flex}.story-identity{flex:1;min-width:0}.story-meta-inputs{flex-direction:column;min-width:0;display:flex}.story-settings{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.status-toggle{cursor:pointer;border:0;font-family:inherit}.status-toggle:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.mystery-code-input{letter-spacing:.08em;width:118px;height:22px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 6px;font-size:9px;font-weight:700}.mystery-code-input:hover{border-color:#dedbd1}.mystery-code-input:focus{border-color:var(--forest);background:var(--white);color:var(--ink);outline:none}.bgm-select{color:var(--muted);align-items:center;gap:6px;display:flex}.bgm-select select{background:var(--white);height:33px;color:var(--ink);border:1px solid #d9d7cf;border-radius:4px;padding:0 8px;font-size:10px}.editor-error{background:#fff8f4;border-bottom:1px solid #e4c7bd;margin:0;padding:8px 26px;font-size:10px}.step-switcher{gap:8px;margin-bottom:14px;display:none}.step-switcher select{background:var(--white);min-width:0;height:38px;color:var(--ink);border:1px solid #d9d7cf;border-radius:5px;flex:1;padding:0 10px;font-size:12px}.step-switcher .outline-btn{justify-content:center;width:38px;height:38px;padding:0}.field-hint{color:var(--muted);margin-top:5px;font-size:9px;font-weight:500;display:block}.steps-title small{color:var(--muted);font-size:9px;font-weight:700}.mystery-title-input,.mystery-description-input{width:min(470px,43vw);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 8px}.mystery-title-input{height:31px;font-family:var(--serif);font-size:15px;font-weight:600}.mystery-description-input{color:#78827b;height:25px;font-size:9px}.mystery-title-input:hover,.mystery-description-input:hover{background:#fff;border-color:#dedbd3}.mystery-title-input:focus,.mystery-description-input:focus{background:#fff;border-color:#80958a;outline:none;box-shadow:0 0 0 3px #496e5e13}.editor-toolbar .outline-btn,.editor-toolbar .primary-btn{height:37px}.editor-layout{flex:1;grid-template-columns:252px minmax(420px,1fr) 292px;min-height:0;display:grid}.steps-panel{background:#fbfaf6;border-right:1px solid #e0ddd5;padding:20px 14px;overflow-y:auto}.steps-title{color:#a0a19c;letter-spacing:.15em;justify-content:space-between;align-items:center;padding:0 8px 15px;font-size:8px;font-weight:800;display:flex}.steps-title button{background:0 0;border:0}.story-start,.story-goal{align-items:center;gap:10px;padding:8px 9px;display:flex}.story-start>span,.story-goal>span{color:#3b6b55;background:#dfe9e2;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.story-goal>span{color:#a67d25;background:#f5e6c0}.story-start>div,.story-goal>div{flex-direction:column;display:flex}.story-start strong,.story-goal strong{font-size:10px}.story-start small,.story-goal small{color:#979b95;margin-top:2px;font-size:8px}.flow-line{border-left:1px dashed #c7c8c1;height:14px;margin-left:22px}.step-row{color:#768078;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;width:100%;min-height:57px;padding:6px;display:flex;position:relative}.step-row:before{content:"";border-left:1px dashed #c7c8c1;height:9px;position:absolute;top:-5px;left:21px}.step-row.active{color:var(--ink);background:#fff;border-color:#dcd9d1;box-shadow:0 3px 10px #24372d0c}.step-row.active:after{content:"";background:var(--coral);width:3px;position:absolute;top:7px;bottom:7px;left:-15px}.step-select{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:23px 29px 1fr;align-items:center;gap:7px;padding:0;display:grid}.step-number{color:#a0a39d;font-size:8px}.step-type{background:#ecefe9;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.step-select>span:nth-child(3){flex-direction:column;min-width:0;display:flex}.step-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.step-row small{color:#9a9d97;margin-top:3px;font-size:8px}.step-row-controls{flex-direction:column;flex-shrink:0;display:flex}.step-move-button,.step-drag-handle{color:#b3b5ad;cursor:pointer;background:0 0;border:0;place-items:center;width:18px;height:15px;padding:0;display:grid}.step-move-button:hover:not(:disabled),.step-drag-handle:hover{color:var(--ink)}.step-move-button:disabled{visibility:hidden}.step-drag-handle{touch-action:none;cursor:grab;height:18px}.add-step{cursor:pointer;background:0 0;border:1px dashed #bbbdb6;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 16px);height:36px;margin:7px 8px 11px;font-size:9px;font-weight:700;display:flex}.step-editor{background:#f5f3ed;padding:27px clamp(22px,4vw,50px);overflow:auto}.edit-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.edit-heading h2{font-family:var(--serif);margin:0;font-size:22px}.edit-heading-actions{align-items:center;gap:8px;display:flex}.duplicate-step-button{height:34px;font-size:9px;font-weight:700}.form-card{background:#fffefa;border:1px solid #dedbd2;border-radius:7px;padding:24px;box-shadow:0 4px 15px #24372f08}.form-card textarea{resize:vertical;padding:12px;line-height:1.7;height:auto!important}.type-picker{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:19px;display:grid}.type-picker button{cursor:pointer;background:#fff;border:1px solid #dedbd3;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:66px;font-size:9px;display:flex;position:relative}.type-picker button.active{color:#315d4c;background:#eef2ed;border-color:#44685a}.type-picker button>svg:last-child{color:#fff;background:#315d4c;border-radius:50%;padding:2px;position:absolute;top:5px;right:5px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.production-fields{margin-bottom:20px}.production-fields .two-fields{margin-bottom:14px}.production-fields>.field-label{margin-bottom:14px;display:block}.cover-field{flex-direction:column;gap:8px;display:flex}.cover-thumb{object-fit:cover;border:1px solid #dedbd3;border-radius:5px;width:100%;max-width:220px;height:90px}.cover-field-actions{align-items:center;gap:7px;display:flex}.success-sound-toggle{cursor:pointer;align-items:center;gap:8px;font-size:11px;flex-direction:row!important;margin-bottom:0!important;display:flex!important}.success-sound-toggle input{width:16px;height:auto!important;padding:0!important}.answer-type-picker{gap:18px;margin-bottom:17px;display:flex}.answer-type-picker label{flex-direction:row;align-items:center;gap:6px;margin-bottom:0;font-weight:400;display:flex}.choice-editor,.hint-editor{margin-bottom:17px}.choice-row,.hint-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.choice-row input,.hint-row input{border:1px solid #d9d7cf;border-radius:5px;flex:1;height:40px;padding:0 13px;font-size:13px}.choice-row button,.hint-row button{color:#9a4433;cursor:pointer;background:#fff;border:1px solid #d9d7cf;border-radius:5px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.choice-row button:disabled{opacity:.4;cursor:not-allowed}.add-row-button{color:#44685a;cursor:pointer;background:0 0;border:1px dashed #b8c2ba;border-radius:5px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:11px;display:inline-flex}.phone-preview{background:#e9e7e0;border-left:1px solid #d8d5cc;padding:18px 27px;overflow-y:auto}.preview-label{color:#858a84;letter-spacing:.15em;justify-content:center;align-items:center;gap:7px;margin-bottom:14px;font-size:8px;font-weight:800;display:flex}.phone{background:#15271f;border-radius:27px;width:218px;height:438px;margin:auto;padding:7px;position:relative;box-shadow:0 14px 28px #1e332a32}.notch{z-index:2;background:#15271f;border-radius:0 0 9px 9px;width:65px;height:14px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.phone-screen{color:#f6f1e5;background:#173b31;border-radius:21px;height:100%;padding:21px 17px 14px;overflow:hidden}.player-mini-top{letter-spacing:.2em;justify-content:space-between;font-size:7px;display:flex}.mini-progress{background:#fff2;height:2px;margin:15px 0}.mini-progress i{background:#d9b14c;height:100%;display:block}.mini-art{background:radial-gradient(circle,#315c4b,#173b31 63%);border:1px solid #ffffff1f;justify-content:center;align-items:center;height:112px;margin-bottom:17px;display:flex;position:relative}.mini-art>span{font-family:var(--serif);color:#ffffff12;font-size:42px}.mini-art svg{color:#dab34b;position:absolute}.phone-screen>small{letter-spacing:.16em;color:#c8c4b4;font-size:6px}.phone-screen h4{font-family:var(--serif);margin:7px 0;font-size:14px}.phone-screen p{font-family:var(--serif);color:#d6d5c9;height:46px;font-size:8px;line-height:1.7}.fake-input{color:#ffffff5c;border:1px solid #ffffff2c;border-radius:3px;height:31px;margin-top:12px;padding:10px;font-size:8px}.fake-button{background:#df6545;border-radius:3px;justify-content:center;align-items:center;gap:5px;height:31px;margin-top:7px;font-size:8px;font-weight:700;display:flex}.fake-button.fake-choice{color:#ffffffc0;background:#ffffff1c;font-weight:400}.open-player{cursor:pointer;background:0 0;border:0;gap:6px;margin:14px auto;font-size:9px;font-weight:700;display:flex}.delete-step-button{color:#b65a45;cursor:pointer;background:#fff8f5;border:1px solid #e0c9c2;border-radius:5px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.delete-step-button svg{width:14px}.delete-step-button:disabled{opacity:.4;cursor:not-allowed}.delete-confirm{background:#fff8f4;border:1px solid #e4c7bd;border-radius:6px;align-items:center;gap:8px;min-height:65px;margin-bottom:13px;padding:11px 13px;display:flex}.delete-confirm>div{flex:1}.delete-confirm strong{color:#8f4534;font-size:10px}.delete-confirm p{color:#94786f;margin:4px 0 0;font-size:8px}.delete-confirm .outline-btn,.danger-btn{height:33px;font-size:9px}.danger-btn{color:#fff;cursor:pointer;background:#b95540;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:flex}.danger-btn svg{width:13px}.upload-button{cursor:pointer;background:#fff;border:1px solid #d1d2ca;border-radius:4px;place-items:center;height:31px;padding:0 11px;margin:0!important;font-size:9px!important;display:grid!important}.upload-button input{display:none}.remove-media{color:#a06052;cursor:pointer;background:0 0;border:0;place-items:center;width:31px;height:31px;display:grid}.remove-media svg{width:15px}.media-error{position:absolute;bottom:-18px;left:58px;color:#bd4b37!important}.type-picker{grid-template-columns:repeat(3,1fr)}.media-section{background:#f8f7f2;border:1px solid #dedbd3;border-radius:7px;margin:2px 0 20px;padding:15px}.media-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.media-section-heading>div:first-child strong{font-size:11px}.media-section-heading p{color:#828a84;margin:4px 0 0;font-size:8px}.media-section-heading>div:last-child{gap:7px;display:flex}.media-add,.record-media-button{grid-auto-flow:column;align-items:center;gap:6px;height:34px!important;display:flex!important}.media-add svg,.record-media-button svg{width:14px}.record-media-button{color:#fff;cursor:pointer;background:#173b30;border:0;border-radius:4px;padding:0 11px;font-size:9px;font-weight:700}.media-list{flex-direction:column;gap:7px;display:flex}.media-list article{background:#fff;border:1px solid #e0ded7;border-radius:6px;align-items:center;gap:9px;min-height:58px;padding:7px;display:flex}.media-thumb{background:#172a23;border-radius:4px;flex:none;width:70px;height:43px;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%;display:block}.media-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.media-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.media-copy span{color:#8b918b;font-size:8px}.media-order{gap:2px;display:flex}.media-order button{cursor:pointer;background:#fff;border:1px solid #dedbd3;border-radius:4px;place-items:center;width:27px;height:27px;display:grid}.media-order button:disabled{opacity:.3}.media-order svg{width:12px}.empty-media{color:#969b95;border:1px dashed #c7c7bf;border-radius:5px;justify-content:center;align-items:center;gap:8px;height:76px;font-size:9px;display:flex}.empty-media svg{width:18px}.media-error.inline{display:block;position:static;color:#bd4b37!important;margin:8px 0 0!important}.recorder-backdrop{z-index:180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b211acc;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.recorder-studio{background:#f7f4ec;border-radius:10px;width:min(960px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 30px 90px #06130eaa}.recorder-studio>header{border-bottom:1px solid #ddd9cf;justify-content:space-between;align-items:center;height:70px;padding:0 23px;display:flex}.recorder-studio>header span{letter-spacing:.17em;color:#8a918b;font-size:7px;font-weight:800}.recorder-studio>header h2{font-family:var(--serif);margin:4px 0 0;font-size:19px}.recorder-studio>header button{cursor:pointer;background:#fff;border:1px solid #d7d4cc;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.recorder-stage{aspect-ratio:16/9;background:#0c1e18;position:relative;overflow:hidden}.recorder-stage canvas,.recorder-stage>video:not(.source-camera){object-fit:contain;width:100%;height:100%;display:block}.source-camera{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.recorder-stage .hidden{display:none}.stage-message{color:#d4dcd6;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.stage-message.error{color:#f2aa96}.recording-badge{color:#fff;letter-spacing:.1em;background:#101914c9;border-radius:20px;padding:8px 12px;font-size:9px;position:absolute;top:17px;left:18px}.recording-badge i{background:#e65c47;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}.recorder-controls{grid-template-columns:1.2fr .8fr 1fr 140px;align-items:end;gap:14px;padding:18px 22px;display:grid}.control-group>label,.control-group>.field-label{color:#747d76;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.segmented{background:#e7e4dc;border-radius:5px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;height:35px;font-size:9px;display:flex}.segmented button.active{background:#fff;box-shadow:0 2px 7px #1d302719}.segmented svg{width:14px}.control-group select{background:#fff;border:1px solid #d7d4cb;border-radius:5px;width:100%;height:41px;padding:0 9px;font-size:10px}.background-options{gap:6px;display:flex}.background-options button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:33px;height:33px}.background-options button.active{border-color:#fff;box-shadow:0 0 0 2px #315d4d}.control-group small{color:#969b96;margin-top:4px;font-size:7px;display:block}.record-button{color:#fff;cursor:pointer;background:#df6545;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:50px;font-size:10px;font-weight:800;display:flex}.record-button.stop{background:#9e4336}.record-button svg{width:20px}.record-button:disabled{opacity:.45}.review-controls{padding:18px 22px}.trim-heading{justify-content:space-between;gap:12px;margin-bottom:13px;display:flex}.trim-heading>div{align-items:baseline;gap:10px;display:flex}.trim-heading strong{font-size:11px}.trim-heading span,.trim-heading small{color:#818982;font-size:8px}.review-controls>label{grid-template-columns:35px 1fr;align-items:center;gap:9px;margin:8px 0;font-size:9px;font-weight:700;display:grid}.review-controls input{accent-color:#df6545}.review-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.review-actions svg{width:15px}.recorder-error{color:#bd4b37;margin:-8px 22px 14px;font-size:9px}.player-page{--player-bg:#163a30;--player-fg:#f8f3e6;--player-accent:#d9ad3e;--player-accent-ink:#193c31;--player-line:#ffffff18;--player-muted:#d4d5ca;--player-accent-2:#d9af42;--player-accent-3:#d7ae42;--player-accent-4:#d5ac42;--player-accent-5:#d5ad42;--player-accent-5-60:#d5ad4260;--player-accent-6:#d8ad3f;--player-accent-fg:#f2e0a8;--player-backdrop:#0d2922db;--player-bg-2:#112f27;--player-bg-3:#173a30;--player-bg-input:#102e26;--player-bg-media:#0c241d;--player-bg-media-2:#091a15;--player-caption-fg:#aebcb4;--player-card-bg:#f7f2e7;--player-card-muted:#657168;--player-card-shadow:#07171280;--player-count-bg:#071712b8;--player-danger:#e1765d;--player-danger-1c:#e1765d1c;--player-danger-2:#df6545;--player-danger-3:#ef9a84;--player-danger-55:#e1765d55;--player-danger-fg:#f2e0da;--player-fg-2:#f5f0e5;--player-fg-3:#e3dfd3;--player-fg-4:#e1dcbf;--player-fg-5:#f2e9d5;--player-fg-tint-26:#f4ecdb26;--player-found-fg:#f5e6b9;--player-ghost:#ffffff7d;--player-glow-1:#335a4928;--player-glow-2:#ffffff05;--player-gold:#d7b14a;--player-gold-2:#d8b758;--player-gold-5c:#d7b14a5c;--player-icon-bg:#e7eddc;--player-icon-border:#cdd9ca;--player-icon-fg:#315f4c;--player-icon-ring:#ecede4;--player-letter-fg:#6f6b5e;--player-letter-line:#ddd6c6;--player-line-11:#fff1;--player-line-15:#ffffff15;--player-line-16:#ffffff16;--player-line-1c:#ffffff1c;--player-line-20:#ffffff20;--player-line-21:#ffffff21;--player-line-22:#fff2;--player-line-28:#ffffff28;--player-line-2b:#ffffff2b;--player-line-36:#ffffff36;--player-line-5c:#ffffff5c;--player-media-shadow:#06171155;--player-meter-fill:#e2ba48;--player-meter-track:#ffffff30;--player-muted-10:#8ea097;--player-muted-11:#d6ddd7;--player-muted-2:#c8c9bf;--player-muted-3:#899e93;--player-muted-4:#9eafa7;--player-muted-5:#aab8b1;--player-muted-6:#83978e;--player-muted-7:#c7c8bd;--player-muted-8:#aeb8b0;--player-muted-9:#718b80;--player-notice-error:#f0a18b;--player-notice-fg:#d9c985;--player-play-bg:#173b30e8;--player-play-bg-solid:#173b30;--player-play-border:#e2bd5e88;--player-play-fg:#f4d57e;--player-play-fg-2:#f7f0dd;--player-play-ring:#173b3066;--player-play-shadow:#0007;--player-pure-fg:white;--player-ring-32:#d9cda532;--player-ring-42:#d9cda542;--player-scan:#e3bc4e;--player-shadow-start:#0c251e55;--player-spark:#d6aa3c;--player-tint-08:#ffffff08;--player-tint-09:#ffffff09;--player-tint-0a:#ffffff0a;--player-watched-bg:#d8b75812;--player-watched-border:#d8b75855;--player-watched-fg:#e7d7a2;background:var(--player-bg);min-height:100vh;color:var(--player-fg);position:relative;overflow:hidden}.player-page[data-theme=night]{--player-bg:#13253d;--player-fg:#eaf0f4;--player-accent:#d9ad3e;--player-accent-ink:#16283f;--player-line:#ffffff18;--player-muted:#ccd0d3;--player-accent-2:#d9af42;--player-accent-3:#d7ae42;--player-accent-4:#d5ac42;--player-accent-5:#d5ad42;--player-accent-5-60:#d5ad4260;--player-accent-6:#d8ad3f;--player-accent-fg:#f2e0a8;--player-backdrop:#0b192bdb;--player-bg-2:#0f1e31;--player-bg-3:#14263d;--player-bg-input:#0e1d30;--player-bg-media:#0a1626;--player-bg-media-2:#08101b;--player-caption-fg:#b1b6b9;--player-card-bg:#f7f2e7;--player-card-muted:#657168;--player-card-shadow:#060e1880;--player-count-bg:#060e18b8;--player-danger:#e1765d;--player-danger-1c:#e1765d1c;--player-danger-2:#df6545;--player-danger-3:#ef9a84;--player-danger-55:#e1765d55;--player-danger-fg:#dfe7ed;--player-fg-2:#e9eef1;--player-fg-3:#d7dcdf;--player-fg-4:#c7d2d9;--player-fg-5:#dce5eb;--player-fg-tint-26:#e1e9ee26;--player-found-fg:#f5e6b9;--player-ghost:#ffffff7d;--player-glow-1:#30445d28;--player-glow-2:#ffffff05;--player-gold:#d7b14a;--player-gold-2:#d8b758;--player-gold-5c:#d7b14a5c;--player-icon-bg:#e7eddc;--player-icon-border:#cdd9ca;--player-icon-fg:#315f4c;--player-icon-ring:#ecede4;--player-letter-fg:#6f6b5e;--player-letter-line:#ddd6c6;--player-line-11:#fff1;--player-line-15:#ffffff15;--player-line-16:#ffffff16;--player-line-1c:#ffffff1c;--player-line-20:#ffffff20;--player-line-21:#ffffff21;--player-line-22:#fff2;--player-line-28:#ffffff28;--player-line-2b:#ffffff2b;--player-line-36:#ffffff36;--player-line-5c:#ffffff5c;--player-media-shadow:#050d1855;--player-meter-fill:#e2ba48;--player-meter-track:#ffffff30;--player-muted-10:#92989c;--player-muted-11:#d8dadb;--player-muted-2:#c1c4c7;--player-muted-3:#8e9499;--player-muted-4:#a2a7ab;--player-muted-5:#adb2b5;--player-muted-6:#888e93;--player-muted-7:#bfc3c6;--player-muted-8:#b0b3b6;--player-muted-9:#777f85;--player-notice-error:#f0a18b;--player-notice-fg:#d9c985;--player-play-bg:#14263ee8;--player-play-bg-solid:#14263e;--player-play-border:#e2bd5e88;--player-play-fg:#f4d57e;--player-play-fg-2:#e3ebf1;--player-play-ring:#14263e66;--player-play-shadow:#0007;--player-pure-fg:#fff;--player-ring-32:#d9cda532;--player-ring-42:#d9cda542;--player-scan:#e3bc4e;--player-shadow-start:#0a172755;--player-spark:#d6aa3c;--player-tint-08:#ffffff08;--player-tint-09:#ffffff09;--player-tint-0a:#ffffff0a;--player-watched-bg:#d8b75812;--player-watched-border:#d8b75855;--player-watched-fg:#e7d7a2}.player-page[data-theme=sunset]{--player-bg:#37191e;--player-fg:#f5ede9;--player-accent:#dd813a;--player-accent-ink:#3a1b20;--player-line:#ffffff18;--player-muted:#d3cecc;--player-accent-2:#dd833e;--player-accent-3:#db823e;--player-accent-4:#d9813e;--player-accent-5:#d9813e;--player-accent-5-60:#d9813e60;--player-accent-6:#dc813b;--player-accent-fg:#f4c8a6;--player-backdrop:#270f13db;--player-bg-2:#2d1318;--player-bg-3:#371a1f;--player-bg-input:#2c1217;--player-bg-media:#220e11;--player-bg-media-2:#190a0d;--player-caption-fg:#bab3b0;--player-card-bg:#f8eee6;--player-card-muted:#726b64;--player-card-shadow:#16080a80;--player-count-bg:#16080ab8;--player-danger:#e4655a;--player-danger-1c:#e4655a1c;--player-danger-2:#e34f41;--player-danger-3:#f28b81;--player-danger-55:#e4655a55;--player-danger-fg:#eee3de;--player-fg-2:#f2ebe8;--player-fg-3:#e0d9d6;--player-fg-4:#dbccc5;--player-fg-5:#ede0da;--player-fg-tint-26:#f0e5df26;--player-found-fg:#f7d3b7;--player-ghost:#ffffff7d;--player-glow-1:#57363b28;--player-glow-2:#ffffff05;--player-gold:#db8746;--player-gold-2:#db8f55;--player-gold-5c:#db87465c;--player-icon-bg:#eee4db;--player-icon-border:#dad1c9;--player-icon-fg:#61462f;--player-icon-ring:#ede8e4;--player-letter-fg:#70665d;--player-letter-line:#ded1c5;--player-line-11:#fff1;--player-line-15:#ffffff15;--player-line-16:#ffffff16;--player-line-1c:#ffffff1c;--player-line-20:#ffffff20;--player-line-21:#ffffff21;--player-line-22:#fff2;--player-line-28:#ffffff28;--player-line-2b:#ffffff2b;--player-line-36:#ffffff36;--player-line-5c:#ffffff5c;--player-media-shadow:#16070a55;--player-meter-fill:#e68a44;--player-meter-track:#ffffff30;--player-muted-10:#9d9591;--player-muted-11:#dcd9d7;--player-muted-2:#c7c3c1;--player-muted-3:#9a918d;--player-muted-4:#aca5a1;--player-muted-5:#b6afac;--player-muted-6:#948b87;--player-muted-7:#c6c1bf;--player-muted-8:#b6b2b0;--player-muted-9:#867b76;--player-notice-error:#f39188;--player-notice-fg:#dba983;--player-play-bg:#381a1fe8;--player-play-bg-solid:#381a1f;--player-play-border:#e5975b88;--player-play-fg:#f7b17b;--player-play-fg-2:#f2e7e2;--player-play-ring:#381a1f66;--player-play-shadow:#0007;--player-pure-fg:#fff;--player-ring-32:#dabba432;--player-ring-42:#dabba442;--player-scan:#e78e4a;--player-shadow-start:#230e1155;--player-spark:#da7e38;--player-tint-08:#ffffff08;--player-tint-09:#ffffff09;--player-tint-0a:#ffffff0a;--player-watched-bg:#db8f5512;--player-watched-border:#db8f5555;--player-watched-fg:#e9c0a0}.player-page[data-theme=paper]{--player-bg:#daceb2;--player-fg:#15110b;--player-accent:#a47e24;--player-accent-ink:#f8f3e7;--player-line:#00000018;--player-muted:#3e3221;--player-accent-2:#a68025;--player-accent-3:#a47e27;--player-accent-4:#a17d28;--player-accent-5:#a17d28;--player-accent-5-60:#a17d2860;--player-accent-6:#a47e25;--player-accent-fg:#dfb248;--player-backdrop:#d2c3a1db;--player-bg-2:#d5c7a7;--player-bg-3:#daceb3;--player-bg-input:#d4c6a6;--player-bg-media:#d0c09d;--player-bg-media-2:#cbbb94;--player-caption-fg:#604e34;--player-card-bg:#f7f2e7;--player-card-muted:#657168;--player-card-shadow:#cab99080;--player-count-bg:#cab990b8;--player-danger:#c1522d;--player-danger-1c:#c1522d1c;--player-danger-2:#b34b28;--player-danger-3:#db633b;--player-danger-55:#c1522d55;--player-danger-fg:#211a12;--player-fg-2:#17130d;--player-fg-3:#2f2619;--player-fg-4:#3d3121;--player-fg-5:#241d13;--player-fg-tint-26:#1f191026;--player-found-fg:#e2b753;--player-ghost:#0000007d;--player-glow-1:#eee8db28;--player-glow-2:#00000005;--player-gold:#a78129;--player-gold-2:#ae872d;--player-gold-5c:#a781295c;--player-icon-bg:#e7eddc;--player-icon-border:#cdd9ca;--player-icon-fg:#315f4c;--player-icon-ring:#ecede4;--player-letter-fg:#6f6b5e;--player-letter-line:#ddd6c6;--player-line-11:#0001;--player-line-15:#00000015;--player-line-16:#00000016;--player-line-1c:#0000001c;--player-line-20:#00000020;--player-line-21:#00000021;--player-line-22:#0002;--player-line-28:#00000028;--player-line-2b:#0000002b;--player-line-36:#00000036;--player-line-5c:#0000005c;--player-media-shadow:#c9b89055;--player-meter-fill:#b58921;--player-meter-track:#00000030;--player-muted-10:#876d49;--player-muted-11:#31271a;--player-muted-2:#4d3e29;--player-muted-3:#8c714b;--player-muted-4:#735d3e;--player-muted-5:#655237;--player-muted-6:#947850;--player-muted-7:#4f402a;--player-muted-8:#635035;--player-muted-9:#a7875b;--player-notice-error:#dc6740;--player-notice-fg:#bd973f;--player-play-bg:#dbcfb4e8;--player-play-bg-solid:#dbcfb4;--player-play-border:#bf922788;--player-play-fg:#e7ac24;--player-play-fg-2:#1b160f;--player-play-ring:#dbcfb466;--player-play-shadow:#0007;--player-pure-fg:#2c2418;--player-ring-32:#b79c5c32;--player-ring-42:#b79c5c42;--player-scan:#ba8c22;--player-shadow-start:#d0c19d55;--player-spark:#a07b25;--player-tint-08:#00000008;--player-tint-09:#00000009;--player-tint-0a:#0000000a;--player-watched-bg:#ae872d12;--player-watched-border:#ae872d55;--player-watched-fg:#cda74e}.player-page:before{content:"";background:radial-gradient(circle at 50% 35%, var(--player-glow-1), transparent 35%), linear-gradient(130deg, transparent 48%, var(--player-glow-2) 48.2%, transparent 48.6%);pointer-events:none;position:fixed;inset:0}.player-exit{z-index:3;border:1px solid var(--player-line-2b);background:var(--player-tint-0a);width:40px;height:40px;color:var(--player-pure-fg);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:28px;right:30px}.intro-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(680px,90vw);min-height:100vh;margin:auto;padding:40px 0;display:flex;position:relative}.intro-content>.logo{align-self:center;margin-bottom:25px}.intro-art{border:1px solid var(--player-line-1c);width:300px;height:240px;margin-bottom:24px;position:relative}.intro-art .mystery-art{height:100%;min-height:0}.intro-art .mystery-cover{object-fit:cover;height:100%;min-height:0}.intro-number{font-family:var(--serif);color:var(--player-tint-09);font-size:95px;position:absolute;top:72px;left:-55px}.intro-content h1{font-family:var(--serif);margin:8px 0 12px;font-size:35px;font-weight:500}.intro-content>p:not(.eyebrow){font-family:var(--serif);color:var(--player-muted);max-width:480px;font-size:12px;line-height:1.9}.intro-narration{white-space:pre-line;animation:1.1s both intro-narration-in}@keyframes intro-narration-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-narration{animation:none}}.intro-details{border-top:1px solid var(--player-line);border-bottom:1px solid var(--player-line);gap:25px;margin:18px 0 25px;padding:13px 25px;display:flex}.intro-details span{color:var(--player-muted-2);align-items:center;gap:6px;font-size:9px;display:flex}.intro-details svg{width:13px}.start-button{background:var(--player-accent);color:var(--player-accent-ink);height:50px;box-shadow:0 8px 24px var(--player-shadow-start);padding:0 31px}.intro-content>small{color:var(--player-muted-3);margin-top:13px;font-size:8px}.active-player>header{border-bottom:1px solid var(--player-line-16);z-index:2;justify-content:space-between;align-items:center;height:70px;padding:0 35px;display:flex;position:relative}.active-player header button{border:1px solid var(--player-line-20);background:var(--player-tint-08);width:36px;height:36px;color:var(--player-fg-2);cursor:pointer;border-radius:50%;place-items:center;display:grid}.header-actions{align-items:center;gap:12px;display:flex}.countdown{font-family:var(--serif);letter-spacing:.05em;color:var(--player-muted);white-space:nowrap;font-size:12px}.countdown.time-critical{color:var(--player-danger);font-weight:700}.active-player .logo{font-size:12px}.active-player .logo-mark{width:24px;height:24px}.active-player .logo-mark:before{width:9px;height:14px;bottom:3px}.active-player .logo-mark span{top:11px}.player-progress{background:var(--player-line);height:2px;position:relative}.player-progress i{background:var(--player-accent-2);height:100%;transition:all .4s;display:block}.player-progress span{letter-spacing:.15em;color:var(--player-muted-4);font-size:8px;position:absolute;top:12px;right:35px}.play-content{z-index:1;text-align:center;width:min(640px,88vw);min-height:calc(100vh - 120px);margin:auto;padding:52px 0 80px;position:relative}.chapter-mark{border:1px solid var(--player-ring-42);border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 19px;display:grid;position:relative}.chapter-mark:before{content:"";border:1px dashed var(--player-ring-32);border-radius:50%;position:absolute;inset:8px}.chapter-mark span{font-family:var(--serif);color:var(--player-fg-tint-26);font-size:29px}.chapter-mark svg{color:var(--player-accent-3);position:absolute}.play-content h1{font-family:var(--serif);margin:8px 0 14px;font-size:29px;font-weight:500}.ornament{color:var(--player-accent-4);margin-bottom:20px;font-size:11px}.prompt{font-family:var(--serif);color:var(--player-fg-3);max-width:560px;margin:0 auto 23px;font-size:14px;line-height:2.1}.unlock-gate{width:min(440px,100%);margin:25px auto 0}.unlock-question{font-family:var(--serif);color:var(--player-fg-3);margin-bottom:14px;font-size:13px}.unlock-gate label{text-align:left;letter-spacing:.15em;color:var(--player-muted-5);margin-bottom:8px;font-size:8px;font-weight:700;display:block}.unlock-gate .primary-btn{margin-top:16px}.timeout-screen .chapter-mark{border-color:var(--player-danger-55)}.timeout-screen .chapter-mark svg{color:var(--player-danger)}.timeout-screen h1{color:var(--player-danger-fg)}.timeout-screen .primary-btn{width:min(320px,100%);margin:8px auto 0}.answer-box{width:min(440px,100%);margin:25px auto 0}.answer-box label{text-align:left;letter-spacing:.15em;color:var(--player-muted-5);margin-bottom:8px;font-size:8px;font-weight:700;display:block}.input-row{border:1px solid var(--player-line-36);background:var(--player-bg-input);border-radius:5px;height:49px;display:flex}.input-row.wrong{border-color:var(--player-danger);box-shadow:0 0 0 2px var(--player-danger-1c)}.input-row input{color:var(--player-pure-fg);font-family:var(--serif);background:0 0;border:0;outline:0;flex:1;padding:0 14px;font-size:13px}.input-row input::placeholder{color:var(--player-muted-6)}.input-row button{border:0;border-left:1px solid var(--player-line-28);background:var(--player-danger-2);width:49px;color:var(--player-pure-fg);cursor:pointer;place-items:center;display:grid}.hint-button{color:var(--player-muted-7);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:15px auto 0;font-size:9px;display:flex}.hint-button svg{width:13px;color:var(--player-accent-5)}.hint-note{font-family:var(--serif);color:var(--player-fg-4);background:var(--player-tint-0a);border:1px solid var(--player-line-15);border-radius:4px;margin-bottom:8px;padding:10px;font-size:11px}.hint-note.answer-reveal{border-color:var(--player-accent-5-60);color:var(--player-accent-fg)}.choice-grid{gap:8px;display:grid}.choice-grid button{border:1px solid var(--player-line-36);background:var(--player-bg-input);height:45px;color:var(--player-pure-fg);font-family:var(--serif);cursor:pointer;border-radius:5px;font-size:13px}.choice-grid button:hover{border-color:var(--player-line-5c)}.wrong-note{color:var(--player-danger-3);margin:8px 0;font-size:9px}.video-message{border:1px solid var(--player-line-28);background:var(--player-bg-2);width:min(440px,100%);min-height:65px;color:var(--player-fg-5);text-align:left;cursor:pointer;border-radius:5px;align-items:center;gap:13px;margin:0 auto;padding:12px 15px;display:flex}.video-clock{border:1px solid var(--player-gold-5c);width:42px;height:42px;color:var(--player-gold);border-radius:50%;place-items:center;display:grid}.video-message>div:nth-child(2){flex-direction:column;flex:1;display:flex}.video-message span{letter-spacing:.13em;color:var(--player-muted-8);font-size:7px}.video-message strong{font-family:var(--serif);margin-top:4px;font-size:11px}.video-message button{background:var(--player-accent-6);width:35px;height:35px;color:var(--player-bg-3);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.active-player>footer{border-top:1px solid var(--player-line-11);letter-spacing:.12em;height:38px;color:var(--player-muted-9);justify-content:space-between;align-items:center;padding:0 35px;font-size:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.celebration-backdrop{z-index:100;background:var(--player-backdrop);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.celebration{background:var(--player-card-bg);width:min(430px,100%);color:var(--ink);text-align:center;box-shadow:0 25px 80px var(--player-card-shadow);border-radius:8px;padding:39px 40px;position:relative}.success-icon{background:var(--player-icon-bg);width:66px;height:66px;color:var(--player-icon-fg);border:1px solid var(--player-icon-border);box-shadow:0 0 0 8px var(--player-icon-ring);border-radius:50%;place-items:center;margin:0 auto 17px;display:grid}.celebration h2{font-family:var(--serif);margin:8px 0 12px;font-size:25px}.celebration>p:not(.eyebrow){font-family:var(--serif);color:var(--player-card-muted);font-size:12px;line-height:1.9}.success-spark{color:var(--player-spark);position:absolute}.success-spark.a{top:50px;left:55px}.success-spark.b{top:73px;right:57px}.success-spark.c{top:124px;left:81px}.final-letter{border-top:1px solid var(--player-letter-line);border-bottom:1px solid var(--player-letter-line);font-family:var(--serif);color:var(--player-letter-fg);margin:18px 0;padding:15px 0;font-size:12px;line-height:1.8}.celebration .primary-btn{margin-top:17px}.local-video-wrap{border:1px solid var(--player-line-2b);background:var(--player-bg-media);text-align:left;width:min(540px,100%);box-shadow:0 12px 30px var(--player-media-shadow);border-radius:7px;margin:0 auto 20px;overflow:hidden}.video-stage{aspect-ratio:16/9;background:var(--player-bg-media-2);position:relative}.local-video-wrap video{object-fit:contain;background:var(--player-bg-media-2);width:100%;height:100%;display:block}.custom-video-play{border:1px solid var(--player-play-border);background:var(--player-play-bg);width:96px;height:96px;color:var(--player-play-fg);cursor:pointer;box-shadow:0 0 0 9px var(--player-play-ring), 0 8px 30px var(--player-play-shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.custom-video-play svg{width:27px;height:27px}.custom-video-play span{height:auto;color:var(--player-play-fg-2);padding:0;font-size:9px}.video-caption{justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 10px;display:flex}.video-caption span{color:var(--player-caption-fg);align-items:center;gap:6px;font-size:8px;display:flex}.video-caption span svg{width:12px}.video-caption a{color:var(--player-gold-2);white-space:nowrap;font-size:8px}.video-notice{border-top:1px solid var(--player-line-15);color:var(--player-notice-fg);margin:0;padding:8px 10px;font-size:8px;line-height:1.5}.video-notice.error{color:var(--player-notice-error)}.watched-note{border:1px solid var(--player-watched-border);background:var(--player-watched-bg);width:min(540px,100%);color:var(--player-watched-fg);border-radius:5px;justify-content:center;align-items:center;gap:7px;margin:-9px auto 18px;padding:9px 12px;font-size:9px;display:flex}.watched-note svg{width:14px;color:var(--player-gold-2)}.story-media{width:min(540px,100%);margin:0 auto 20px;position:relative}.story-media-count{z-index:3;background:var(--player-count-bg);color:var(--player-pure-fg);border-radius:20px;padding:5px 8px;font-size:8px;position:absolute;top:9px;right:9px}.story-image{border:1px solid var(--player-line-2b);background:var(--player-bg-media);text-align:left;border-radius:7px;margin:0;overflow:hidden}.story-image img{object-fit:contain;background:var(--player-bg-media-2);width:100%;max-height:430px;display:block}.story-image figcaption{min-height:34px;color:var(--player-caption-fg);align-items:center;gap:6px;padding:0 10px;font-size:8px;display:flex}.story-image figcaption svg{width:12px}.story-media-nav{grid-template-columns:75px 1fr 75px;align-items:center;gap:8px;margin-top:9px;display:grid}.story-media-nav>button{border:1px solid var(--player-line-22);background:var(--player-tint-08);height:31px;color:var(--player-muted-11);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.story-media-nav>button:disabled{opacity:.3}.story-media-nav>button svg{width:12px}.story-media-nav>div{justify-content:center;gap:4px;display:flex}.story-media-nav>div button{border:1px solid var(--player-line-21);width:27px;height:27px;color:var(--player-muted-10);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.story-media-nav>div button.active{background:var(--player-accent-6);color:var(--player-play-bg-solid);border-color:var(--player-accent-6)}.story-media-nav>div svg{width:12px}.corner{width:45px;height:45px;position:absolute}.corner.c1{border-left:2px solid var(--player-pure-fg);border-top:2px solid var(--player-pure-fg);top:0;left:0}.corner.c2{border-right:2px solid var(--player-pure-fg);border-top:2px solid var(--player-pure-fg);top:0;right:0}.corner.c3{border-left:2px solid var(--player-pure-fg);border-bottom:2px solid var(--player-pure-fg);bottom:0;left:0}.corner.c4{border-right:2px solid var(--player-pure-fg);border-bottom:2px solid var(--player-pure-fg);bottom:0;right:0}.scan-line{background:var(--player-scan);height:1px;box-shadow:0 0 11px var(--player-scan);animation:2.7s ease-in-out infinite scan;position:absolute;top:0;left:10px;right:10px}@keyframes scan{50%{top:100%}}@keyframes appear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.scan-meter{background:var(--player-meter-track);border-radius:9px;height:3px;margin:13px;overflow:hidden}.scan-meter i{background:var(--player-meter-fill);height:100%;transition:all .2s;display:block}.ghost-light{color:var(--player-ghost);background:0 0;border:0;font-size:8px;text-decoration:underline}.found-copy{color:var(--player-found-fg);justify-content:center;align-items:center;gap:8px;display:flex}.generated-badge{letter-spacing:.1em;color:#758078;border:1px solid #d5d2c8;border-radius:20px;align-items:center;gap:6px;padding:7px 11px;font-size:8px;display:flex}.music-hero{color:#f8f3e7;background:#193d32;border-radius:8px;grid-template-columns:270px 1fr;align-items:center;height:220px;margin-bottom:35px;padding-right:45px;display:grid;position:relative;overflow:hidden}.music-hero:after{content:"";border:1px solid #ffffff0c;border-radius:50%;width:370px;height:370px;position:absolute;top:-80px;right:-160px;box-shadow:0 0 0 40px #ffffff05,0 0 0 41px #ffffff0a}.vinyl{background:#10251f;border-radius:50%;place-items:center;width:174px;height:174px;margin-left:48px;animation:10s linear infinite paused spin;display:grid;position:relative;box-shadow:0 13px 28px #07181280}.music-hero:has(+* .playing) .vinyl{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.vinyl:before,.vinyl:after,.vinyl-lines{content:"";border:1px solid #40554d;border-radius:50%;position:absolute;inset:10px}.vinyl:after{inset:24px}.vinyl-lines{inset:38px;box-shadow:0 0 0 11px #10251f,0 0 0 12px #40554d}.vinyl-label{z-index:2;color:#173a30;background:#d9ad3e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;font-size:7px;font-weight:900;display:flex;position:relative}.vinyl-label svg{width:13px}.music-hero>div:last-child{z-index:2;padding-left:30px;position:relative}.music-hero h2{font-family:var(--serif);margin:6px 0;font-size:24px}.music-hero p:not(.eyebrow){color:#bac5be;font-size:10px}.equalizer{align-items:center;gap:3px;height:50px;margin-top:15px;display:flex}.equalizer i{background:#d8ad3e;border-radius:3px;width:3px;transition:all .15s;display:block}.track-list{flex-direction:column;gap:8px;display:flex}.track-list article{background:#fffefa;border:1px solid #dfdcd3;border-radius:7px;grid-template-columns:32px 45px 220px 1fr 42px 39px;align-items:center;gap:14px;height:78px;padding:0 14px;transition:all .2s;display:grid}.track-list article.playing{border-color:#7a9185;box-shadow:0 5px 19px #233b2f14}.track-index{font-family:var(--serif);color:#9ba09a;font-size:12px}.track-play{color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:41px;height:41px;display:grid}.track-play svg{width:17px}.track-copy{flex-direction:column;display:flex}.track-copy span{letter-spacing:.15em;color:#9da19b;font-size:7px;font-weight:800}.track-copy strong{font-family:var(--serif);margin:3px 0;font-size:14px}.track-copy small{color:#949994;font-size:8px}.waveform{align-items:center;gap:2px;height:37px;display:flex;overflow:hidden}.waveform i{opacity:.55;border-radius:2px;width:2px;display:block}.loop-tag{letter-spacing:.12em;color:#9a9e98;font-size:7px}.sound-tip,.print-guide{background:#e7ede7;border:1px solid #d6ddd5;border-radius:7px;gap:14px;margin-top:25px;padding:17px;display:flex}.sound-tip svg{color:#396651}.sound-tip strong,.print-guide strong{font-size:11px}.sound-tip p,.print-guide p{color:#6f7c73;margin:4px 0 0;font-size:9px;line-height:1.7}.print-controls{background:#fffefa;border:1px solid #dedbd3;border-radius:7px;align-items:center;margin-bottom:19px;padding:12px 15px;display:flex}.print-controls>div:first-child{flex-direction:column;gap:3px;display:flex}.print-controls strong{font-size:11px}.print-controls span{color:#959a94;font-size:8px}.print-controls>.outline-btn{height:34px;margin-left:10px}.print-controls-right{align-items:center;gap:10px;margin-left:auto;display:flex}.card-size-select{color:#6f7c73;flex-direction:column;gap:3px;font-size:8px;display:flex}.card-size-select select{border:1px solid #d6ddd5;border-radius:4px;height:28px;padding:0 8px;font-size:9px}.side-switch{background:#ebe9e3;border-radius:5px;padding:3px;display:flex}.side-switch button{background:0 0;border:0;border-radius:4px;height:28px;padding:0 15px;font-size:9px;font-weight:700}.side-switch button.active{background:#fff;box-shadow:0 2px 5px #22352b18}.paper-sheet{aspect-ratio:1.414;background:#fffefa;width:min(100%,1050px);margin:auto;padding:25px;position:relative;box-shadow:0 9px 30px #26382f19}.paper-sheet-postcard,.paper-sheet-card{aspect-ratio:1/1.414;width:min(100%,743px)}.crop-label{letter-spacing:.2em;color:#a5a49e;text-align:center;margin-bottom:15px;font-size:6px}.card-print-grid{grid-template-columns:repeat(3,1fr);gap:15px;height:calc(100% - 35px);display:grid}.card-print-grid-postcard{grid-template-columns:repeat(2,1fr)}.card-print-grid-card{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr)}.card-print-grid-card .clue-card{padding:10px 12px 8px}.card-print-grid-card .card-symbol{display:none}.card-print-grid-card .card-image{width:34px;height:34px;margin:6px 0}.card-print-grid-card .clue-card h2{margin:4px 0;font-size:12px}.card-print-grid-card .clue-card>p:not(.eyebrow){-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:7px;display:-webkit-box;overflow:hidden}.clue-card{text-align:center;border:1px dashed #aeada5;flex-direction:column;align-items:center;padding:22px 20px 14px;display:flex;position:relative;overflow:hidden}.clue-card:after{content:"";pointer-events:none;border:1px solid #d4d0c3;position:absolute;inset:8px}.card-top{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.card-top .logo{letter-spacing:.17em;gap:5px;font-size:8px}.card-top .logo-mark{width:17px;height:17px}.card-top .logo-mark:before{width:7px;height:10px;bottom:2px}.card-top .logo-mark span{width:2px;height:2px;top:8px}.card-top>span{letter-spacing:.16em;color:#898d86;font-size:7px}.card-symbol{color:#2b5545;border:1px solid #87968b;border-radius:50%;place-items:center;width:66px;height:66px;margin:24px 0 13px;display:grid;box-shadow:0 0 0 7px #edf0e9}.card-symbol svg{width:26px}.clue-card>.eyebrow{font-size:6px}.clue-card h2{font-family:var(--serif);margin:7px 0;font-size:18px;font-weight:500}.card-ornament{color:#b98e2c;margin:6px;font-size:9px}.clue-card>p:not(.eyebrow){font-family:var(--serif);color:#58665d;margin:auto 8px;font-size:9px;line-height:1.9}.card-footer{letter-spacing:.12em;color:#969991;z-index:2;border-top:1px solid #dedbd1;justify-content:space-between;width:100%;padding-top:9px;font-size:5px;display:flex;position:relative}.clue-2{background:#f8f1df}.clue-3{color:#f6f0e2;background:#203f35}.clue-3:after{border-color:#a9b3a04f}.clue-3 .card-symbol{color:#d7b34a;border-color:#d7c887;box-shadow:0 0 0 7px #ffffff0a}.clue-3 .card-top,.clue-3 .card-footer,.clue-3>p:not(.eyebrow){color:#d8d8cc}.clue-3 .logo{color:#f6f0e2}.card-back-mark{margin:38px 0 25px}.card-back-mark .logo-mark{color:#44675a;width:80px;height:80px}.card-back-mark .logo-mark:before{width:29px;height:46px;bottom:10px}.card-back-mark .logo-mark span{width:5px;height:5px;top:38px}.clue-code-box{border:1px solid #858e87;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:53px;height:53px;margin:auto;padding:7px 12px;display:flex}.clue-code-box span{letter-spacing:.2em;color:#898d86;font-size:5px;font-weight:800}.clue-code-box strong{font-family:var(--serif);letter-spacing:.08em;color:#2b5545;font-size:11px}.paper-sheet+.paper-sheet{margin-top:26px}.clue-card>small{font-family:var(--serif);margin-bottom:20px;font-size:7px;line-height:1.7}.sheet-footer{color:#aaa8a0;justify-content:space-between;font-size:5px;display:flex;position:absolute;bottom:8px;left:25px;right:25px}.print-guide{width:min(100%,1050px);margin:20px auto}.scissors{color:#506c5f;font-size:25px}.card-image{object-fit:cover;border-radius:50%;width:66px;height:66px;margin:24px 0 13px;box-shadow:0 0 0 7px #edf0e9}.host-sheet{background:#fffefa;width:min(100%,1050px);margin:auto;padding:25px;box-shadow:0 9px 30px #26382f19}.host-sheet-head h2{font-family:var(--serif);margin:6px 0;font-size:22px;font-weight:500}.host-sheet-intro{color:#58665d;margin:6px 0 14px;font-size:11px;line-height:1.8}.host-sheet-meta{gap:30px;margin:0 0 18px;display:flex}.host-sheet-meta dt{letter-spacing:.12em;color:#949994;font-size:8px}.host-sheet-meta dd{font-family:var(--serif);margin:2px 0 0;font-size:13px}.host-table{border-collapse:collapse;width:100%;font-size:10px}.host-table th,.host-table td{text-align:left;vertical-align:top;border:1px solid #dedbd3;padding:8px 10px}.host-table th{letter-spacing:.08em;color:#4a5750;background:#edf0e9;font-size:8px}.host-sheet-ending{border-top:1px solid #dedbd3;margin-top:20px;padding-top:14px}.host-sheet-ending p:not(.eyebrow){font-family:var(--serif);color:#58665d;white-space:pre-wrap;font-size:11px;line-height:1.8}.settings-page{max-width:850px;margin:0}.settings-page .form-card .primary-btn{margin-top:8px}.settings-page .form-card+.form-card{margin-top:18px}.settings-section h3{color:var(--ink);margin:0 0 6px;font-size:13px}.settings-section>p{color:var(--muted);margin:0 0 14px;font-size:10px;line-height:1.7}.bgm-set.active{background:var(--forest);border-color:var(--forest);color:var(--white)}.bgm-set:disabled{opacity:.45;cursor:not-allowed}.danger-zone{border-color:#e4c7bd}.danger-zone h3{color:#bd4b37}.settings-actions .danger-btn{height:40px;font-size:11px}.guide-dialog{width:min(560px,100%);max-height:calc(100dvh - 44px);overflow:auto}.guide-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.guide-head .eyebrow{margin:0 0 4px}.guide-head h2{font-family:var(--serif);margin:0;font-size:18px}.guide-head .icon-btn{flex:none;width:32px;height:32px}.guide-steps{flex-direction:column;gap:14px;margin:18px 0 0;padding:0;list-style:none;display:flex}.guide-steps li{align-items:flex-start;gap:12px;display:flex}.guide-icon{background:var(--forest);width:32px;height:32px;color:var(--white);border-radius:50%;flex:none;place-items:center;display:grid}.guide-steps strong{color:var(--ink);margin-bottom:3px;font-size:12px;display:block}.guide-steps p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.checklist-button{position:relative}.checklist-button.has-error{border-color:var(--coral);color:var(--coral)}.checklist-badge{align-items:center;gap:3px;margin-left:2px;display:inline-flex}.checklist-badge-error,.checklist-badge-warn{min-width:16px;height:16px;color:var(--white);border-radius:8px;place-items:center;padding:0 4px;font-size:9px;font-weight:700;display:inline-grid}.checklist-badge-error{background:var(--coral)}.checklist-badge-warn{background:var(--ochre)}.checklist-dialog{width:min(480px,100%);max-height:calc(100dvh - 44px);overflow:auto}.checklist-empty{color:var(--ink);margin:18px 0 0;font-size:11px}.checklist-items{flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.checklist-item button,.checklist-item-static{text-align:left;width:100%;color:var(--ink);background:#efece3;border:0;border-radius:6px;align-items:flex-start;gap:8px;padding:9px 10px;font-family:inherit;font-size:10px;line-height:1.6;display:flex}.checklist-item button{cursor:pointer}.checklist-item button:hover{background:#e6e2d5}.checklist-item.error button,.checklist-item.error .checklist-item-static{color:#9a3b25;background:#fdf0ec}.checklist-item.error button:hover{background:#fbe3db}.checklist-item.warn button,.checklist-item.warn .checklist-item-static{color:#7a5f18;background:#fbf3df}.checklist-item.warn button:hover{background:#f7ead0}.checklist-item svg{flex:none;margin-top:1px}.guide-note{color:#6b5a2b;background:#fff8e8;border-radius:6px;margin:16px 0 0;padding:10px 12px;font-size:10px;line-height:1.6}.template-chooser-dialog{width:min(640px,100%);max-height:calc(100dvh - 44px);overflow:auto}.template-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:16px;display:grid}.template-card{text-align:left;color:var(--ink);cursor:pointer;background:#efece3;border:1px solid #d9d3c1;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;font-family:inherit;display:flex}.template-card:hover{background:#e6e2d5}.template-card-blank{color:var(--forest)}.template-card-name{font-size:11px;font-weight:700}.template-card-description{color:var(--muted);font-size:9px;line-height:1.6}.template-card-steps{color:var(--forest);margin-top:auto;font-size:9px;font-weight:700}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-page .settings-actions .primary-btn{margin-top:0}.toast-host{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--forest);color:var(--white);border-radius:6px;align-items:center;gap:10px;padding:9px 10px 9px 14px;font-size:10px;font-weight:700;display:flex;box-shadow:0 12px 30px #06130e55}.toast.success{background:var(--forest-2)}.toast.danger{background:#b95540}.toast button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding:2px;display:flex}.toast button:hover{opacity:1}.toast svg{width:13px;height:13px}.dialog-backdrop{z-index:190;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b211acc;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#f7f4ec;border-radius:10px;outline:none;width:min(420px,100%);padding:22px;box-shadow:0 30px 90px #06130eaa}.confirm-dialog h2{color:var(--ink);margin:0 0 8px;font-size:14px}.confirm-dialog p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions .danger-btn{height:36px;font-size:10px}.cipher-open-button{margin-bottom:17px}.cipher-dialog{text-align:left;width:min(480px,100%);max-height:calc(100dvh - 44px);overflow:auto}.cipher-kind-picker{flex-wrap:wrap;gap:12px;margin:4px 0 17px;display:flex}.cipher-kind-picker label{align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.cipher-dialog label{letter-spacing:.03em;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px;font-weight:700;display:flex}.cipher-dialog textarea,.cipher-dialog input[type=number]{color:var(--ink);background:#fff;border:1px solid #d9d7cf;border-radius:5px;padding:10px 13px;font-size:13px}.cipher-preview{background:#efece3;border-radius:8px;margin-bottom:17px;padding:12px 13px}.cipher-preview p{color:var(--ink);word-break:break-word;white-space:pre-wrap;margin:6px 0 0;font-size:13px}.cipher-warning{color:#bd4b37!important;font-size:10px!important}.cipher-note{color:var(--muted);margin-bottom:17px;font-size:10px}.cipher-legend{margin-bottom:17px;display:block}.cipher-actions{justify-content:flex-start}.kiosk-pin-dialog{text-align:center}.kiosk-pin-icon{width:44px;height:44px;color:var(--ink);background:#eae7df;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.kiosk-pin-dialog h2{text-align:center}.kiosk-pin-dialog p{text-align:center;margin-bottom:14px}.kiosk-pin-label{color:var(--muted);text-align:left;margin-bottom:6px;font-size:9px;display:block}.kiosk-pin-input{text-align:center;letter-spacing:12px;width:100%;height:52px;font-size:26px;font-family:var(--serif);color:var(--ink);background:#fffefa;border:1px solid #dedbd2;border-radius:6px;outline:none}.kiosk-pin-input:focus{border-color:var(--ink)}.kiosk-pin-input.wrong{border-color:#b95540;box-shadow:0 0 0 2px #b9554022}.kiosk-pin-input:disabled{opacity:.6}.kiosk-pin-dialog .wrong-note{color:#b95540;margin:10px 0 0;font-size:10px}.tile-menu{position:relative}.tile-menu-list{z-index:20;background:#fffefa;border:1px solid #dedbd2;border-radius:8px;flex-direction:column;width:190px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 12px 30px #28382f1c}.tile-menu-list button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:9px 10px;font-size:11px;display:flex}.tile-menu-list button:hover{background:#f1eee7}.fullscreen-return{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f7f4ec;cursor:pointer;background:#0b211acc;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.empty-state{text-align:center;color:var(--muted);background:#fffefa;border:1px dashed #c7c7bf;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:36px 22px;display:flex}.empty-state>svg{width:26px;height:26px;color:var(--moss)}.empty-state h3{color:var(--ink);margin:6px 0 0;font-size:13px}.empty-state p{max-width:360px;margin:0;font-size:10px;line-height:1.7}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.mystery-tile.current{border-color:var(--forest)}.preview-top:disabled{opacity:.5;cursor:not-allowed}.active-player header button:disabled{opacity:.45;cursor:not-allowed}.next-step-button{margin-top:6px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.editor-layout{grid-template-columns:235px 1fr}.phone-preview{display:none}.project-card{grid-template-columns:230px 1fr}.track-list article{grid-template-columns:25px 42px 190px 1fr 36px}.track-list .icon-btn{display:none}.story-rings{right:4%}}@media (width<=800px){.story-rings{width:210px;height:210px;top:75px;right:-25px}.ring-3{inset:60px}.story-key{inset:78px}.mini-logo{display:none}.app-shell{display:block}.main-shell{grid-column:auto}.sidebar{transition:all .25s;transform:translate(-102%);box-shadow:15px 0 40px #152c2255}.sidebar.open{transform:translate(0)}.mobile-close{background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.mobile-overlay{z-index:40;background:#0b1f1870;position:fixed;inset:0}.topbar{height:68px;padding:0 17px}.menu-button{display:block}.preview-top{display:none}.page{padding:28px 18px 60px}.welcome-sigil{display:none}.stats-grid,.quick-grid,.project-card{grid-template-columns:1fr}.mystery-art{min-height:210px}.project-meta{display:none}.mystery-grid{grid-template-columns:1fr}.editor-shell{height:calc(100dvh - 68px)}.story-settings,.bgm-select{display:none}.step-switcher{display:flex}.editor-toolbar{padding:0 13px}.editor-toolbar h3,.editor-toolbar .status,.editor-toolbar .outline-btn{display:none}.editor-layout{grid-template-columns:1fr}.steps-panel{display:none}.step-editor{padding:23px 17px}.type-picker{grid-template-columns:repeat(2,1fr)}.music-hero{grid-template-columns:150px 1fr;height:190px;padding-right:18px}.vinyl{width:120px;height:120px;margin-left:20px}.music-hero>div:last-child{padding-left:10px}.music-hero h2{font-size:18px}.track-list article{grid-template-columns:24px 40px 1fr 32px;height:auto;min-height:85px;padding:10px}.waveform{grid-column:3/5}.loop-tag{display:none}.paper-sheet{aspect-ratio:auto;width:100%;padding:15px}.card-print-grid{grid-template-columns:1fr;height:auto}.clue-card{min-height:440px}.print-controls{flex-wrap:wrap;gap:8px}.side-switch{order:3;width:100%;margin:0}.side-switch button{flex:1}.active-player>header{padding:0 17px}.play-content{padding-top:40px}.active-player>footer{display:none}.recorder-controls{grid-template-columns:1fr 1fr}.record-button{height:43px}.media-section-heading{flex-direction:column;align-items:flex-start}.media-section-heading>div:last-child{width:100%}.media-section-heading .media-add,.record-media-button{flex:1;justify-content:center}.recorder-backdrop{padding:8px}.recorder-studio{max-height:calc(100vh - 16px)}}@media (width<=520px){.top-actions .icon-btn:first-child{display:none}.page-intro{align-items:flex-start;gap:14px}.page-intro>.primary-btn{width:43px;padding:0;font-size:0}.page-intro>.primary-btn svg{width:18px}.filter-tabs{gap:12px}.project-actions{flex-direction:column}.music-hero{text-align:center;grid-template-columns:1fr;height:260px;padding:18px}.vinyl{width:110px;height:110px;margin:auto}.music-hero>div:last-child{padding:0}.equalizer,.track-copy small{display:none}.intro-art{width:250px;height:200px}.intro-content h1{font-size:27px}.intro-details{gap:12px;padding:12px}.celebration{padding:35px 24px}.player-progress span{right:14px}.two-fields{grid-template-columns:1fr}}@media print{body{background:#fff}.sidebar,.topbar,.screen-only{display:none!important}.app-shell,.main-shell{display:block!important}.cards-page{max-width:none!important;margin:0!important;padding:0!important}.paper-sheet{width:297mm;height:210mm;box-shadow:none;aspect-ratio:auto;margin:0;padding:10mm}.paper-sheet-postcard,.paper-sheet-card{width:210mm;height:297mm}.card-print-grid{gap:5mm;height:183mm}.card-print-grid-postcard{grid-template-columns:repeat(2,1fr);height:277mm}.card-print-grid-card{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr);height:277mm}.paper-sheet+.paper-sheet{margin-top:0}.paper-sheet{break-after:page}.paper-sheet:last-of-type{break-after:auto}.clue-card{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.card-top>span,.clue-card>.eyebrow{font-size:8pt}.clue-card h2{font-size:20pt}.clue-card>p:not(.eyebrow){font-size:11pt;line-height:1.8}.card-ornament{font-size:11pt}.card-footer{font-size:7pt}.clue-card>small{font-size:9pt}.card-symbol{width:24mm;height:24mm}.card-symbol svg{width:10mm}.clue-code-box{height:auto;padding:3mm 5mm}.clue-code-box span{font-size:6pt}.clue-code-box strong{font-size:13pt}.sheet-footer{font-size:7pt;bottom:3mm;left:10mm;right:10mm}.crop-label{margin-bottom:4mm;font-size:7pt}.card-image{width:24mm;height:24mm}.card-print-grid-card .clue-card{padding:3mm 4mm}.card-print-grid-card .card-image{width:10mm;height:10mm;margin:2mm 0}.card-print-grid-card .clue-card h2{margin:2mm 0;font-size:11pt}.card-print-grid-card .clue-card>p:not(.eyebrow){-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:7pt;display:-webkit-box;overflow:hidden}.host-sheet{width:auto;box-shadow:none;break-before:page;padding:10mm}.host-table{font-size:9pt}.host-table th,.host-table td{padding:3mm 4mm}}.standalone-error{color:#f8f3e6;text-align:center;background:#163a30;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-size:1.05rem;display:flex}.standalone-export-dialog{text-align:left;width:min(440px,100%);max-height:calc(100dvh - 44px);overflow:auto}.standalone-export-summary{background:#efece3;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0;padding:12px;display:grid}.standalone-export-summary dt{letter-spacing:.04em;color:var(--muted);font-size:9px}.standalone-export-summary dd{color:var(--ink);margin:4px 0 0;font-size:15px;font-weight:700}.standalone-export-warnings{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.standalone-export-warnings li{color:#6b5a2b;align-items:flex-start;gap:6px;font-size:10px;line-height:1.6;display:flex}.standalone-export-warnings li svg{color:#bd8a2f;flex-shrink:0;margin-top:2px}.standalone-export-warnings li.standalone-export-blocking,.standalone-export-warnings li.standalone-export-blocking svg{color:#bd4b37}:root{--paper:#f6f5f0;--white:#fff;--coral:#bb5639;--muted:#646f67}body{line-height:1.5}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #bc783f}.primary-btn,.outline-btn{border-radius:8px;min-height:44px}.primary-btn{box-shadow:0 3px 8px #96412715}.primary-btn:hover{background:#a6482e}.outline-btn{background:#fff}.eyebrow{color:#6a766c;letter-spacing:.17em;font-size:10px}.app-shell{background:var(--paper);grid-template-columns:240px minmax(0,1fr)}.sidebar{color:#f5f2e5;background:#183b31;border:0;width:240px;height:100dvh;padding:36px 22px 22px;overflow-y:auto}.sidebar .logo{margin:0 12px 8px;font-size:21px}.sidebar-tagline{color:#b9c9be;letter-spacing:.13em;margin:0 12px 36px;font-size:11px}.create-button{color:#233b30;min-height:46px;box-shadow:none;background:#e9d7ac;border-radius:8px;flex-shrink:0;margin-bottom:30px;transition:background .2s}.create-button:hover{background:#f4e7c7}.nav-caption{letter-spacing:.2em;color:#a4bcb0;margin:0 13px 12px;font-size:9px}.sidebar nav{gap:7px}.sidebar nav button{color:#c6d3cb;border-radius:8px;height:46px;font-size:13px;font-weight:500}.sidebar nav button.active{color:#fff3d4;background:#ffffff12;box-shadow:inset 3px 0 #e7ce95}.sidebar nav button:hover,.sidebar .help-link:hover{color:#fff;background:#ffffff0d}.sidebar-inspiration{margin:auto 12px 28px;padding-top:48px}.sidebar-inspiration>span{color:#d9c28f;font-size:30px}.sidebar-inspiration p{font-family:var(--serif);color:#dedfce;font-size:17px;line-height:1.9}.sidebar-inspiration small{letter-spacing:.12em;color:#a4bcb0;font-size:8px}.sidebar-bottom{border-top-color:#ffffff1c;margin-top:0}.sidebar .help-link{color:#c6d3cb;min-height:44px;font-size:12px}.topbar{background:#fafaf6ed;height:76px;padding:0 42px}.topbar h2{font-family:inherit;font-size:13px;font-weight:600}.breadcrumb{color:#68776c;margin-bottom:4px;font-size:9px}.preview-top{height:38px;min-height:38px;font-size:12px}.page{max-width:1440px;padding:32px clamp(24px,3.2vw,52px) 30px}.welcome{border-bottom:0;align-items:start;gap:20px;min-height:98px;overflow:visible}.welcome h1{letter-spacing:.02em;overflow-wrap:anywhere;font-size:26px}.welcome p:last-child{color:#647268;font-size:12px}.studio-label{letter-spacing:.13em;color:#6c7b6e;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;padding-top:13px;font-size:9px;display:flex}.studio-label>span{background:#73927d;border-radius:50%;width:6px;height:6px}.studio-hero{isolation:isolate;color:#fff9e9;background:#16382e url(/assets/studio-story.webp) 50% 55%/cover;border-radius:14px;min-height:286px;margin-bottom:34px;position:relative;overflow:hidden}.studio-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#102b24ed 0%,#143127cc 38%,#14312730 70%,#14312705);position:absolute;inset:0}.studio-hero-copy{max-width:620px;padding:34px 38px}.studio-hero .eyebrow{color:#d8c8a2;font-size:9px}.studio-hero h2{font-family:var(--serif);letter-spacing:.04em;margin:12px 0 10px;font-size:clamp(23px,2.35vw,34px);font-weight:500;line-height:1.65}.studio-hero-copy>p:not(.eyebrow){color:#e0e6da;margin:0 0 23px;font-size:12px}.hero-create{color:#203c2f;min-height:44px;font:inherit;cursor:pointer;background:#f0e4c5;border:1px solid #efe1bd;border-radius:7px;align-items:center;gap:10px;padding:0 17px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.hero-create:hover{background:#fff4d7;transform:translateY(-1px)}.hero-create svg:last-child{margin-left:12px}.hero-caption{color:#eee1c4;letter-spacing:.2em;font-size:8px;position:absolute;bottom:18px;right:22px}.section-heading{margin-bottom:16px}.section-heading h2{letter-spacing:.025em;font-size:20px}.section-heading .eyebrow{margin-bottom:4px;font-size:9px}.text-btn{color:#436452;min-height:40px;font-size:12px}.project-card{border-color:#e1e5db;border-radius:12px;grid-template-columns:minmax(230px,30%) minmax(0,1fr);margin-bottom:30px;box-shadow:0 4px 16px #24362b04}.project-card>.mystery-art,.project-card>.mystery-cover{height:100%;min-height:294px}.project-info{min-width:0;padding:25px 28px 22px}.project-info h3{overflow-wrap:anywhere;margin:8px 0;font-size:24px}.project-info>p{color:#617063;font-size:12px}.project-info>.project-label{letter-spacing:.13em;margin-top:12px;font-size:9px}.status{padding:5px 10px;font-size:10px}.progress-line{margin-top:18px;font-size:11px}.progress{height:5px}.progress i{background:#78917c}.project-actions{flex-wrap:wrap;gap:8px;margin-top:20px}.project-actions button{padding:0 14px;font-size:12px}.project-actions .primary-btn{background:var(--forest);box-shadow:none}.project-actions .primary-btn:hover{background:#2d5745}.project-actions button:last-child{color:#516958;background:0 0;border-color:#0000;padding-inline:8px}.project-meta{color:#627163;background:#fcfcf9;border-top:1px solid #eceee6;grid-column:1/-1;justify-content:flex-end;gap:22px;padding:11px 20px;font-size:10px;position:static}.quick-grid{gap:16px}.quick-grid>button{border-color:#e1e5db;border-radius:10px;column-gap:13px;padding:22px 18px;transition:border-color .2s,transform .2s,box-shadow .2s}.quick-grid>button:hover{border-color:#9baa99;transform:translateY(-2px);box-shadow:0 6px 18px #233f3010}.quick-icon{border-radius:10px;width:40px;height:44px}.quick-icon svg{width:21px}.quick-grid strong{margin-bottom:5px;font-size:12px}.quick-grid small{color:#647063;font-size:10px}.quick-arrow{color:#768872}.activity-heading{margin-top:32px}.section-note{color:#657064;font-size:11px}.stats-grid{gap:16px;margin:0 0 28px}.stat-card{box-shadow:none;border-color:#e1e5db;border-radius:10px;gap:13px;padding:20px}.stat-card>div:last-child{flex-direction:column;align-items:start;display:flex}.stat-card p{color:#5f6e61;font-size:11px}.stat-card strong{font-family:inherit;font-size:26px;font-weight:600;line-height:1.35}.stat-card small{color:#657064;margin-top:3px;font-size:10px}.stat-icon{border-radius:12px;flex-shrink:0}.studio-footer{color:#6d7769;letter-spacing:.07em;border-top:1px solid #dde2d6;justify-content:space-between;gap:16px;padding-top:22px;font-size:9px;display:flex}.page-intro h1{font-size:28px}.page-intro p:last-child{color:#667262;font-size:13px}.mystery-tile,.form-card,.confirm-dialog{border-radius:12px}.mystery-tile{box-shadow:0 3px 14px #173b3005}.tile-body{padding:22px}.tile-body h3{font-size:21px}.template-card{border-radius:10px;padding:22px}.template-card:hover{background:#f3f5ed;border-color:#8ba087}.library-search{color:#6a7865;background:#fff;border:1px solid #d7ded0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.library-search:focus-within{outline-offset:2px;outline:2px solid #648269}.library-search input{width:200px;min-width:0;height:40px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.library-search input:focus-visible{outline:none}.filter-row{flex-wrap:wrap;gap:16px;padding-bottom:12px}@media (width<=1180px){.studio-label{display:none}.project-card{grid-template-columns:220px minmax(0,1fr)}.project-info{padding:22px}.project-info h3{font-size:21px}.quick-grid>button{grid-template-columns:35px 1fr;gap:8px;padding:18px 13px}.quick-arrow{display:none}.quick-icon{width:34px}}@media (width<=800px){.app-shell{display:block}.sidebar{width:260px}.sidebar:not(.open){visibility:hidden}.sidebar-inspiration{padding-top:30px}.mobile-close{color:#f5e9c8;width:40px;height:40px}.topbar{height:68px;padding:0 20px}.menu-button{place-items:center;min-width:40px;min-height:44px;padding:0;display:grid}.page{padding:26px 20px 28px}.welcome{min-height:103px}.welcome h1{font-size:24px}.studio-hero{background-position:62%;min-height:278px;margin-bottom:28px}.studio-hero-copy{padding:28px}.studio-hero h2{font-size:27px}.hero-caption{display:none}.project-card{grid-template-columns:minmax(180px,35%) minmax(0,1fr)}.project-meta{flex-wrap:wrap;justify-content:start;gap:10px 20px;display:flex}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-grid>button{flex-direction:column;align-items:start;padding:16px;display:flex}.quick-grid strong,.quick-grid small{align-self:auto}.quick-icon{width:40px;margin-bottom:6px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{flex-direction:column;align-items:start;padding:15px}}@media (width<=560px){.page{padding-inline:18px}.welcome h1{font-size:22px}.welcome .eyebrow{font-size:9px}.welcome p:last-child{font-size:11px}.studio-hero{border-radius:12px}.studio-hero:before{background:linear-gradient(90deg,#102b24ed,#143127ab)}.studio-hero-copy{padding:25px 22px}.studio-hero h2{letter-spacing:.01em;text-wrap:balance;font-size:clamp(17px,4.6vw,23px)}.studio-hero-copy>p:not(.eyebrow){max-width:245px;font-size:11px;line-height:1.9}.studio-hero .eyebrow{font-size:7px}.project-card{grid-template-columns:1fr}.project-card>.mystery-art,.project-card>.mystery-cover{height:220px;min-height:220px}.project-info{padding:22px}.project-actions{grid-template-columns:1fr 1fr;display:grid}.project-actions button{padding-inline:8px;font-size:11px}.project-actions button:last-child{grid-column:1/-1}.section-heading h2{font-size:19px}.quick-grid{grid-template-columns:1fr}.quick-grid>button{grid-template-columns:44px 1fr 18px;gap:0 14px;padding:18px;display:grid}.quick-grid strong{align-self:end;font-size:13px}.quick-grid small{font-size:11px}.quick-icon{margin:0}.quick-arrow{display:block}.activity-heading{flex-direction:column;align-items:start;gap:8px}.section-note{font-size:10px}.stat-card{gap:9px;padding:12px}.stat-icon{border-radius:8px;width:32px;height:32px}.stat-icon svg{width:17px}.stat-card p{font-size:10px}.stat-card strong{font-size:24px}.stat-card small{font-size:9px}.studio-footer{flex-direction:column;gap:8px;font-size:8px}.library-search,.library-search input{width:100%}.local-badge{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.studio-hero,.studio-footer{display:none}}.library-status{flex-wrap:wrap;gap:8px 24px;margin:0 0 12px;font-size:11px;display:flex}.library-status div{align-items:baseline;gap:8px;display:flex}.library-status dt{color:var(--muted)}.library-status dd{color:var(--ink);margin:0;font-weight:700}.library-status dd[data-connection=connected]{color:#2f6b4f}.library-status dd[data-connection=error],.library-status dd[data-connection=needs-permission]{color:#bd4b37}.library-note{color:var(--muted);background:#f1efe6;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:10px;line-height:1.7}.library-failures{color:#8a3a2a;border:1px solid #e4c7bd;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:10px}.library-failures p{margin:0 0 6px}.library-failures ul{margin:0;padding-left:16px}.library-failures li{flex-wrap:wrap;gap:6px;display:flex}.library-banner{color:#5c4a10;background:#fbf4dc;border:1px solid #d9b14b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:16px clamp(24px,4vw,62px) -16px;padding:10px 14px;font-size:11px;display:flex}.library-banner span{flex:240px}.library-banner .outline-btn{min-height:36px;padding:0 14px;font-size:11px}@keyframes library-spin{to{transform:rotate(360deg)}}.library-section .spin{animation:1s linear infinite library-spin}.preview-cover{background:var(--forest);color:#fff;cursor:pointer;isolation:isolate;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.preview-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0b241cc9);position:absolute;inset:45% 0 0}.preview-cover-action{z-index:1;white-space:nowrap;color:#173b30;background:#fffdf0;border-radius:999px;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #0003}.preview-cover:hover .preview-cover-action{background:#ead7ac}.preview-cover:focus-visible{outline-offset:-5px;z-index:1}.project-card>.preview-cover>.mystery-art,.project-card>.preview-cover>.mystery-cover{height:100%;min-height:294px}.project-info>.project-action-help{color:#5c715f;margin-top:12px;font-size:11px}.getting-started{background:#fffef8;border:1px solid #dce3d3;border-radius:12px;margin:0 0 32px}.getting-started summary{cursor:pointer;padding:20px 24px;font-size:15px;font-weight:700}.getting-started summary>svg{vertical-align:middle;margin:0 10px 2px 4px}.getting-started summary small{color:#64735f;margin-left:16px;font-size:12px;font-weight:400}.getting-started-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0 24px 20px;list-style:none;display:grid}.getting-started-steps li{flex-direction:column;align-items:start;display:flex;position:relative}.getting-started-number{color:#315138;background:#e9eedf;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.getting-started-steps h3{margin:10px 0 6px;font-size:15px}.getting-started-steps p{color:#56664f;margin:0 0 10px;font-size:12px;line-height:1.9}.getting-started-steps button{text-align:left;margin-top:auto;padding:0}.getting-started-foot{border-top:1px solid #e6e9dd;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex}.getting-started-foot p{color:#596d50;margin:0;font-size:11px}.getting-started-foot button{flex-shrink:0}.editor-first-help{background:#eef3e8;border:1px solid #d4e0ca;border-radius:10px;margin-bottom:24px;padding:16px 18px}.editor-first-help strong{font-size:14px}.editor-first-help p{color:#536a49;margin:6px 0 0;font-size:12px;line-height:1.9}.production-section-title{margin-top:30px;font-size:17px}.production-section-title small{color:#65765c;margin-left:10px;font-size:11px;font-weight:400}@media (width<=800px){.getting-started summary small{margin:6px 0 0 26px;display:block}.getting-started-steps{grid-template-columns:1fr;gap:18px}.getting-started-steps li{border-bottom:1px solid #e7ebdf;padding:0 0 16px 40px}.getting-started-steps li:last-child{border-bottom:0;padding-bottom:0}.getting-started-number{position:absolute;top:5px;left:0}.getting-started-steps h3{margin-top:4px}.getting-started-foot{flex-direction:column;align-items:start;gap:2px}}@media (width<=560px){.project-card>.preview-cover>.mystery-art,.project-card>.preview-cover>.mystery-cover{height:220px;min-height:220px}.getting-started summary{padding:18px;font-size:14px}.getting-started-steps{padding-inline:18px}}.phone-preview-launch{text-align:left;font:inherit;cursor:pointer;border:0;padding:7px;transition:box-shadow .2s;display:block}.phone-preview-launch:hover{box-shadow:0 0 0 4px #b3c5a8,0 12px 30px #20392a20}.phone-preview-launch:focus-visible{outline-offset:5px;outline:3px solid #648153}.preview-click-hint{color:#5b7152;text-align:center;margin:18px 0 8px;font-size:11px;line-height:1.8}.editor-toolbar{flex-wrap:wrap;flex-shrink:0;gap:12px 20px;height:auto;min-height:86px;padding:14px 24px}.editor-toolbar .story-identity{flex:310px}.editor-toolbar>div:last-child{flex-wrap:wrap;gap:8px}@media (width<=800px){.editor-toolbar{gap:10px;padding:12px 16px}.editor-toolbar .story-identity{flex-basis:100%}.editor-toolbar>div:last-child{width:100%}.editor-toolbar .outline-btn{height:40px;min-height:40px;padding-inline:10px;font-size:11px;display:inline-flex}.editor-toolbar .primary-btn{height:40px;min-height:40px;padding-inline:12px;font-size:11px}}@media (width<=560px){.edit-heading{flex-wrap:wrap;gap:14px}.edit-heading>div:first-child{flex:100%}.edit-heading-actions{flex-wrap:wrap}}.studio-hero-copy>.hero-preview-title:not(.eyebrow){color:#e2e5d6;overflow-wrap:anywhere;margin:12px 0 0;font-size:11px}