@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#11131a;--panel:#181b24;--panel2:#1e222d;--panel3:#242936;--line:#2d3240;--text:#eef0f5;--muted:#8f96a8;--muted2:#b2b8c6;--purple:#b8a3ff;--purple2:#8d73ed;--green:#9ed8b4;--blue:#9ec9ff;--amber:#e8c58a;--rose:#e8a6b8;--shadow:0 18px 50px #0004;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;border-right:1px solid var(--line);padding:25px 14px 16px;display:flex;flex-direction:column;background:#14161e;min-height:100vh;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#c8b6ff,#8e75e7);display:grid;place-items:center;color:#242036;font-size:25px;box-shadow:0 5px 20px #9b83f42c}.brand strong{display:block;font:800 18px Manrope,sans-serif;letter-spacing:-.7px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.tiny-label,.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.25px;color:#858ca0}.project-switch{padding:0 10px 22px}.project-name{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:600}.project-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px #b8a3ff18}.project-name span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:18px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.icon-btn:hover{background:var(--panel3);color:var(--text)}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#a8afbf;padding:12px 12px;border-radius:10px;text-align:left;font-size:12px;font-weight:500;transition:.15s}.nav-item>span:first-child{font-size:17px;width:18px;text-align:center;color:#9aa1b2}.nav-item:hover{background:#ffffff08;color:var(--text)}.nav-item.active{background:#b8a3ff16;color:#d8ceff;box-shadow:inset 2px 0 var(--purple)}.nav-item.active>span:first-child{color:var(--purple)}.nav-item kbd{margin-left:auto;font:10px 'DM Mono',monospace;color:#70788b;background:#ffffff08;border:1px solid #ffffff0b;border-radius:4px;padding:2px 5px}.nav-new{font:9px 'DM Mono',monospace;background:#9b83f41d;color:var(--purple);padding:3px 5px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:24px}.save-status{display:flex;align-items:center;gap:8px;padding:10px 12px 14px;color:#9ca4b4;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8ec7a6;box-shadow:0 0 0 3px #8ec7a61a}.sidebar-bottom .nav-item{width:100%;padding:9px 12px}.privacy-note{display:flex;gap:9px;margin-top:16px;padding:13px 11px;border:1px solid #323645;border-radius:11px;background:#ffffff03;color:#a5adbd}.privacy-note>span{color:var(--green);font-size:18px}.privacy-note strong{font-size:10px;color:#d4d9e3}.privacy-note p{font-size:10px;line-height:1.55;margin:4px 0 0;color:#81899a}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:11px;color:#777f92;font-size:11px}.breadcrumb strong{color:#dce0e9;font-weight:500}.crumb-slash{color:#414655}.top-actions{display:flex;align-items:center;gap:14px}.btn{border:1px solid transparent;border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;transition:.15s}.btn-primary{background:#b8a3ff;color:#211b34;box-shadow:0 4px 15px #a48cf51a}.btn-primary:hover{background:#c9baff;transform:translateY(-1px)}.btn-outline{border-color:#3a4050;background:#ffffff02;color:#c3c9d6}.btn-outline:hover{background:#ffffff08;border-color:#555c6e}.btn-quiet{background:transparent;color:#c5b8ff;border-color:#453c62}.btn-quiet:hover{background:#b8a3ff12}.btn-danger{background:#e8a6b815;color:#e8a6b8;border-color:#e8a6b82b}.avatar{width:30px;height:30px;border-radius:10px;border:1px solid #544a70;background:#272338;color:#d3c9ff;font-weight:700}.view{display:none;padding:29px 34px 20px;flex:1;min-width:0}.view.active{display:block}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.view-heading h1{font:700 29px Manrope,sans-serif;letter-spacing:-1.1px;margin:8px 0 7px}.view-heading p{color:#9299aa;font-size:12px;margin:0;line-height:1.5}.heading-spark{font-size:21px;color:var(--purple);vertical-align:top}.heading-actions{display:flex;gap:8px}.canvas-heading{margin-bottom:22px}.canvas-toolbar{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#191c25;min-height:50px}.tool-group{display:flex;gap:3px}.tool-btn{border:0;background:transparent;color:#9ca4b5;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;font-size:11px}.tool-btn:hover{background:#ffffff08;color:#fff}.tool-btn.selected{background:#b8a3ff1a;color:#d3c6ff}.toolbar-divider{height:24px;width:1px;background:var(--line)}.canvas-search{display:flex;align-items:center;gap:7px;margin-left:auto;padding:0 9px;height:29px;border:1px solid #323746;border-radius:7px;color:#848b9e;max-width:190px;flex:1}.canvas-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);outline:0;font-size:10px}.zoom-controls{display:flex;align-items:center;gap:9px;padding-left:6px;color:#a4abbb;font:10px 'DM Mono',monospace}.zoom-controls button{width:23px;height:23px;background:#ffffff07;border:1px solid #323746;border-radius:6px;color:#c2c8d5}.canvas-stage{height:min(61vh,650px);min-height:440px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:0 0 12px 12px;background:#171a23;touch-action:none}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(#454b5b7c .8px,transparent .8px);background-size:22px 22px;opacity:.65}.canvas-world{position:absolute;left:0;top:0;width:1px;height:1px;transform-origin:0 0;pointer-events:none}.connections-layer{position:absolute;overflow:visible;left:0;top:0;width:1px;height:1px;pointer-events:none;overflow:visible}.notes-layer{position:absolute;inset:0;pointer-events:none}.note-card{position:absolute;width:190px;min-height:120px;border:1px solid #ffffff12;border-radius:11px;background:#252a36;box-shadow:0 7px 20px #0002;pointer-events:auto;user-select:none;transition:box-shadow .15s,border-color .15s;overflow:visible;color:#e7eaf1}.note-card:hover{box-shadow:0 12px 27px #0004;border-color:#ffffff2b;z-index:3}.note-card.selected{border-color:#c0adff;box-shadow:0 0 0 2px #b8a3ff2b,0 12px 25px #0004;z-index:4}.note-card.connect-selected{border-color:#b8a3ff;box-shadow:0 0 0 3px #b8a3ff4a;z-index:5}.note-card[data-type="idea"]{background:#343024;border-color:#66563a}.note-card[data-type="character"]{background:#23342d;border-color:#385d4b}.note-card[data-type="scene"]{background:#252f43;border-color:#3b5278}.note-card[data-type="mystery"]{background:#3b2932;border-color:#6b3f50}.note-card[data-type="world"]{background:#26343a;border-color:#3e626b}.note-card[data-type="plot"]{background:#302a42;border-color:#55466f}.note-card[data-type="event"]{background:#393128;border-color:#69533c}.note-card[data-type="research"]{background:#2c3038;border-color:#4c5360}.note-card .note-top{display:flex;align-items:center;gap:6px;padding:10px 10px 5px}.type-symbol{font-size:12px;opacity:.9}.note-type-label{font:9px 'DM Mono',monospace;letter-spacing:.4px;text-transform:uppercase;opacity:.72;flex:1}.note-menu{border:0;background:transparent;color:#aeb4c1;opacity:0;font-size:15px;padding:0 3px}.note-card:hover .note-menu{opacity:1}.note-title{font:600 12px Manrope,sans-serif;line-height:1.35;margin:3px 10px 6px;overflow-wrap:anywhere}.note-body{font-size:10px;line-height:1.5;color:#c2c7d2;margin:0 10px 11px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.note-footer{display:flex;align-items:center;gap:5px;margin:0 10px 10px;font:9px 'DM Mono',monospace;color:#a7adbc}.status-pill{border:1px solid #ffffff18;border-radius:5px;padding:3px 5px;font-size:8px;letter-spacing:.2px}.connection-group{pointer-events:none}.connection-shadow{fill:none;stroke:#080a10;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.connection-tube{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0006)}.connection-highlight{fill:none;stroke:#ffffff38;stroke-width:2;stroke-linecap:round;stroke-dasharray:1 0;opacity:.8}.connection-label{font:10px 'DM Sans',sans-serif;fill:#cbd0dc;paint-order:stroke;stroke:#171a23;stroke-width:4px;stroke-linejoin:round}.connection-hit{fill:none;stroke:transparent;stroke-width:22;pointer-events:stroke;cursor:pointer}.canvas-hint{position:absolute;bottom:12px;left:13px;display:flex;align-items:center;gap:7px;background:#11131ad9;border:1px solid #ffffff0b;border-radius:7px;padding:8px 10px;color:#8e96a8;font-size:9px;pointer-events:none}.hint-dot{width:5px;height:5px;border-radius:50%;background:#b8a3ff}.minimap{position:absolute;right:12px;bottom:12px;width:143px;height:96px;background:#12151de8;border:1px solid #414656;border-radius:8px;padding:7px;box-shadow:0 8px 20px #0003}.minimap-label{font:8px 'DM Mono',monospace;letter-spacing:.8px;color:#798195}.minimap-inner{position:relative;width:100%;height:67px;margin-top:4px;overflow:hidden}.mini-dot{position:absolute;width:7px;height:5px;border-radius:2px;background:#b8a3ff;opacity:.8}.canvas-footer{display:flex;align-items:center;justify-content:space-between;color:#8d95a7;font-size:10px;padding:13px 2px}.canvas-footer strong{color:#c6cbd6;font-weight:600}.footer-sep{padding:0 6px;color:#4c5362}.filter-popover{position:absolute;z-index:7;margin:3px 0 0 180px;background:#202430;border:1px solid #3c4252;border-radius:10px;padding:14px;width:220px;box-shadow:var(--shadow)}.filter-popover strong{font-size:11px}.filter-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.filter-options label{display:flex;align-items:center;gap:5px;color:#aeb5c4;font-size:10px}.filter-options input{accent-color:var(--purple)}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}.canvas-empty>*{pointer-events:auto}.canvas-empty h3{font:600 17px Manrope,sans-serif;margin:10px 0 5px}.canvas-empty p{color:var(--muted);font-size:11px;max-width:320px;line-height:1.6;margin:0 0 16px}.empty-icon{font-size:30px;color:var(--purple)}.text-btn{background:transparent;border:0;color:#b9a8ff;font-size:10px;padding:5px 0}.text-btn:hover{color:#d4caff}.project-summary{display:flex;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#242536,#1c202a);border:1px solid #343447;border-radius:14px;padding:21px 23px;margin-bottom:19px}.summary-copy{max-width:600px}.summary-copy p{font:500 13px/1.7 Manrope,sans-serif;color:#d8d9e5;margin:10px 0 7px}.summary-stats{display:flex;gap:26px;align-items:center}.summary-stats div{display:flex;flex-direction:column;gap:4px;min-width:65px}.summary-stats strong{font:700 24px Manrope,sans-serif}.summary-stats span{font-size:9px;color:#8f96a8}.hq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hq-card{background:#191c25;border:1px solid var(--line);border-radius:13px;padding:17px;min-width:0}.hq-card.wide{grid-column:1/-1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-title>div{display:flex;align-items:center;gap:10px;min-width:0}.section-title h2{font:600 13px Manrope,sans-serif;margin:0 0 4px}.section-title p{font-size:10px;color:#8d95a7;margin:0}.section-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;flex-shrink:0}.section-icon.purple{color:var(--purple);background:#b8a3ff14}.section-icon.green{color:var(--green);background:#9ed8b414}.section-icon.blue{color:var(--blue);background:#9ec9ff14}.section-icon.amber{color:var(--amber);background:#e8c58a14}.section-icon.rose{color:var(--rose);background:#e8a6b814}.small-add{border:1px solid #373d4c;background:transparent;color:#aab1c0;border-radius:6px;font-size:10px;padding:6px 8px}.small-add:hover{border-color:#6d608c;color:#d2c7ff}.plotlines-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plotline-item{background:#222532;border:1px solid #35394a;border-radius:9px;padding:12px}.plotline-item .plotline-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.plotline-item strong{font:600 11px Manrope,sans-serif}.plotline-item p{font-size:10px;line-height:1.55;color:#9ea5b5;margin:0 0 11px}.progress-track{height:4px;background:#343849;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:var(--purple);border-radius:8px}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#8d95a6;margin-top:6px}.entity-list{display:flex;flex-direction:column;gap:9px}.entity-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:8px;background:#ffffff02}.entity-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#28362f;color:var(--green);font:600 11px Manrope,sans-serif;flex-shrink:0}.entity-copy{flex:1;min-width:0}.entity-copy strong{font-size:11px;font-weight:600}.entity-copy p{font-size:10px;color:#929aab;line-height:1.5;margin:4px 0 0}.entity-tag{font:9px 'DM Mono',monospace;color:#b4a5f0;background:#b8a3ff12;border-radius:4px;padding:4px 5px;white-space:nowrap}.empty-list{font-size:10px;color:#81899b;line-height:1.6;padding:6px 0}.timeline-list{position:relative;padding-left:13px}.timeline-list:before{content:"";position:absolute;left:3px;top:7px;bottom:6px;width:1px;background:#42485b}.timeline-row{position:relative;padding:0 0 15px 8px}.timeline-row:last-child{padding-bottom:0}.timeline-row:before{content:"";position:absolute;left:-13px;top:4px;width:7px;height:7px;border-radius:50%;background:#b8a3ff;border:2px solid #272333}.timeline-row strong{font-size:10px}.timeline-row span{font:9px 'DM Mono',monospace;color:#a99be1;margin-right:7px}.timeline-row p{font-size:10px;color:#929aab;margin:4px 0 0;line-height:1.45}.architect-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.segmented{display:flex;background:#1b1e28;border:1px solid #323746;border-radius:8px;padding:3px;gap:3px}.segmented button{border:0;background:transparent;color:#8f97a9;padding:7px 13px;border-radius:5px;font-size:10px}.segmented button.active{background:#353044;color:#d6caff}.muted-small{font-size:10px;color:#828a9c}.architect-content{display:flex;flex-direction:column;gap:10px}.act-group{background:#191c25;border:1px solid var(--line);border-radius:12px;overflow:hidden}.act-group-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #2b303d}.act-number{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#b8a3ff13;color:var(--purple);font:10px 'DM Mono',monospace}.act-group-head strong{font:600 12px Manrope,sans-serif}.act-group-head span{color:#828a9d;font-size:10px;margin-left:auto}.scene-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #252a35;cursor:grab}.scene-row:last-child{border-bottom:0}.scene-row.dragging{opacity:.35}.scene-grip{color:#606879;font-size:14px}.scene-number{font:10px 'DM Mono',monospace;color:#a99be1;width:22px}.scene-row-copy{flex:1;min-width:0}.scene-row-copy strong{font-size:11px;font-weight:600}.scene-row-copy p{font-size:10px;color:#929aab;margin:4px 0 0;line-height:1.5}.scene-row-meta{display:flex;align-items:center;gap:7px}.scene-row-meta span{font:9px 'DM Mono',monospace;color:#8d95a7;background:#ffffff06;padding:5px 6px;border-radius:5px}.scene-row button{border:0;background:transparent;color:#7f8799;font-size:16px}.arc-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.arc-card{background:#191c25;border:1px solid var(--line);border-radius:12px;padding:16px}.arc-card h3{font:600 13px Manrope,sans-serif;margin:0 0 8px}.arc-card p{font-size:10px;line-height:1.6;color:#949cad}.arc-card .progress-track{margin-top:14px}.spark-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:17px;align-items:start}.spark-main{min-width:0}.spark-card{background:#191c25;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:14px}.spark-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.spark-card-head>div{display:flex;align-items:center;gap:10px}.spark-card h2{font:600 13px Manrope,sans-serif;margin:0}.spark-orb{width:32px;height:32px;border-radius:10px;background:#b8a3ff17;color:var(--purple);display:grid;place-items:center;font-size:18px}.spark-card textarea{width:100%;resize:vertical;min-height:88px;background:#13161e;border:1px solid #343a49;border-radius:9px;color:#e8ebf3;padding:12px;font-size:11px;line-height:1.6}.spark-card textarea::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:#626a7d}.spark-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.select-label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#929aab}.select-label select,.session-row select{background:#222632;color:#dce0e9;border:1px solid #3a4050;border-radius:7px;padding:9px 11px;font-size:10px;min-width:230px}.context-card{padding-bottom:13px}.context-chips{display:flex;flex-wrap:wrap;gap:7px}.context-chip{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:7px;border:1px solid #3a4050;background:#222632;color:#aeb5c4;font-size:10px;max-width:100%}.context-chip.selected{border-color:#7664aa;background:#b8a3ff14;color:#d4c8ff}.context-chip .chip-dot{width:6px;height:6px;border-radius:2px;background:var(--purple)}.context-foot{display:flex;justify-content:space-between;gap:10px;color:#7e8799;font-size:9px;margin-top:12px}.spark-results{display:flex;flex-direction:column;gap:10px}.spark-placeholder{border:1px dashed #3c4050;border-radius:12px;padding:26px;text-align:center;color:#9098a9}.placeholder-star{font-size:29px;color:var(--purple)}.spark-placeholder h3{font:600 14px Manrope,sans-serif;color:#dce0e9;margin:8px 0}.spark-placeholder p{font-size:10px;line-height:1.7;max-width:430px;margin:0 auto}.spark-result{background:#1b1e28;border:1px solid #373347;border-radius:12px;padding:15px}.spark-result-head{display:flex;align-items:flex-start;gap:10px}.spark-result-num{width:26px;height:26px;display:grid;place-items:center;background:#b8a3ff18;border-radius:8px;color:var(--purple);font:11px 'DM Mono',monospace;flex-shrink:0}.spark-result-copy{flex:1}.spark-result h3{font:600 12px Manrope,sans-serif;margin:3px 0 7px}.spark-result p{font-size:11px;line-height:1.65;color:#b1b7c5;margin:0}.spark-why{font-size:10px!important;color:#9c91c8!important;margin-top:9px!important;padding-top:9px;border-top:1px solid #302d3d}.spark-result-actions{display:flex;gap:13px;margin:12px 0 0 36px}.spark-result-actions button{border:0;background:transparent;color:#b8a3ff;font-size:10px;padding:0}.spark-sidebar{display:flex;flex-direction:column;gap:11px}.side-tip{background:#191c25;border:1px solid var(--line);border-radius:12px;padding:15px}.tip-icon{color:var(--purple);font-size:16px}.side-tip h3{font:600 11px Manrope,sans-serif;margin:9px 0 7px}.side-tip p{font-size:10px;line-height:1.65;color:#929aab;margin:0}.local-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#a8d8b8;border:1px solid #8ec7a62a;border-radius:7px;padding:8px 10px}.focus-layout{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:17px}.focus-player{background:linear-gradient(155deg,#272437,#191c25 65%);border:1px solid #39334e;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:center;min-height:430px}.sound-art{height:230px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sound-rings{width:145px;height:145px;display:grid;place-items:center;position:relative}.sound-rings span{position:absolute;border:1px solid #b8a3ff30;border-radius:50%;inset:0;animation:breath 7s ease-in-out infinite}.sound-rings span:nth-child(2){inset:13px;animation-delay:-2s}.sound-rings span:nth-child(3){inset:27px;animation-delay:-4s}.sound-core{width:57px;height:57px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#b8a3ff,#7863c6);color:#211b34;font-size:24px;box-shadow:0 0 35px #b8a3ff27}.sound-art-caption{text-align:center;margin-top:17px}.sound-art-caption span{display:block;font:600 13px Manrope,sans-serif}.sound-art-caption small{display:block;font:9px 'DM Mono',monospace;color:#898fa5;letter-spacing:1.3px;margin-top:6px}.player-controls{display:flex;align-items:center;gap:17px;margin:5px 0 20px}.round-control{width:33px;height:33px;border-radius:50%;border:1px solid #49435d;background:#ffffff03;color:#b9afda;font-size:10px}.play-control{width:46px;height:46px;border-radius:50%;border:0;background:var(--purple);color:#211b34;font-size:14px;box-shadow:0 6px 20px #a48cf526}.master-volume{display:flex;align-items:center;gap:10px;width:100%;font-size:10px;color:#a1a8b8}.master-volume input{flex:1;accent-color:var(--purple);min-width:0}.master-volume span:last-child{font:10px 'DM Mono',monospace;width:30px;text-align:right}.audio-note{font-size:9px;line-height:1.6;color:#777f92;text-align:center;margin:17px 0 0;max-width:280px}.focus-settings{display:flex;flex-direction:column;gap:15px}.focus-section{background:#191c25;border:1px solid var(--line);border-radius:13px;padding:17px}.sound-options{display:flex;flex-direction:column;gap:6px}.sound-option{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d9deea;text-align:left}.sound-option:hover{background:#ffffff04}.sound-option.active{background:#b8a3ff0e;border-color:#655888}.sound-emoji{width:35px;height:35px;border-radius:9px;background:#ffffff08;display:grid;place-items:center;font-size:17px}.sound-option>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.sound-option strong{font-size:11px;font-weight:600}.sound-option small{font-size:9px;color:#8d95a7}.sound-toggle{width:19px;height:19px;border:1px solid #3b4050;border-radius:50%;display:grid;place-items:center;color:#cbbfff;font-size:10px}.sound-option.active .sound-toggle{background:#b8a3ff24;border-color:#8b77c9}.session-section{flex:1}.session-row{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;color:#aeb5c4;font-size:10px}.session-row select{width:100%;min-width:0}.session-row input{background:#222632;border:1px solid #3a4050;border-radius:7px;color:#e0e4ee;padding:9px 11px;font-size:10px}.timer-display{font:500 31px 'DM Mono',monospace;letter-spacing:2px;text-align:center;color:#e3dcff;padding:10px 0}.timer-actions{display:flex;justify-content:center;gap:9px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 34px 18px;border-top:1px solid #242833;color:#757e90;font-size:9px}.app-footer .text-btn{font-size:9px;color:#8d95a7}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#090a0fe0;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(6px)}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#1c202b;border:1px solid #3a4050;border-radius:15px;box-shadow:var(--shadow);padding:21px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-head h2{font:700 19px Manrope,sans-serif;margin:7px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#aeb5c4}.form-field.full{grid-column:1/-1}.form-field input,.form-field textarea,.form-field select{width:100%;background:#13161e;border:1px solid #363c4c;border-radius:8px;color:#e6eaf2;padding:10px 11px;outline:0;font-size:11px}.form-field textarea{resize:vertical;line-height:1.6}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #303543;padding-top:16px;margin-top:18px}.modal-foot-right{display:flex;gap:8px;margin-left:auto}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#292d39;border:1px solid #454b5c;border-radius:9px;padding:11px 16px;color:#e6e9f0;font-size:11px;box-shadow:var(--shadow);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.connect-banner{position:fixed;z-index:10;top:78px;left:50%;transform:translateX(-50%);background:#29233b;border:1px solid #7662a7;border-radius:10px;padding:11px 15px;color:#d8ceff;font-size:11px;box-shadow:var(--shadow)}.connect-banner[hidden]{display:none}.connect-banner button{border:0;background:transparent;color:#b8a3ff;margin-left:12px;font-size:10px}.filter-popover[hidden]{display:none}.muted{color:var(--muted)}@keyframes breath{0%,100%{transform:scale(.95);opacity:.6}50%{transform:scale(1.07);opacity:1}}
@media(max-width:1100px){.sidebar{width:218px;flex-basis:218px}.view{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.spark-layout{grid-template-columns:minmax(0,1fr) 200px}.plotlines-list{grid-template-columns:1fr}.summary-stats{gap:14px}.focus-layout{grid-template-columns:1fr 1.2fr}}
@media(max-width:820px){.sidebar{width:68px;flex-basis:68px;padding:18px 8px}.brand{padding:0 7px 25px}.brand>div:last-child,.project-switch,.nav-item:not(.active),.nav-item.active{font-size:0}.brand strong,.brand small,.sidebar .nav-item kbd,.nav-new,.nav-item:not(.active){display:none}.main-nav .nav-item{display:flex;justify-content:center;padding:12px 5px;font-size:0}.main-nav .nav-item>span:first-child{font-size:18px}.main-nav .nav-item.active{font-size:0}.sidebar-bottom .nav-item{display:flex;justify-content:center;font-size:0;padding:10px 5px}.sidebar-bottom .nav-item>span:first-child{font-size:17px}.save-status{justify-content:center;padding:10px 0}.save-status span:last-child,.privacy-note{display:none}.spark-layout{grid-template-columns:1fr}.spark-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}.focus-layout{grid-template-columns:1fr}.focus-player{min-height:370px}.sound-art{height:190px}.hq-grid{grid-template-columns:1fr}.hq-card.wide{grid-column:auto}.plotlines-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary{flex-direction:column}.summary-stats{justify-content:flex-start}}
@media(max-width:560px){.topbar{height:56px;padding:0 14px}.view{padding:22px 13px 15px}.view-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:20px}.view-heading h1{font-size:26px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.top-actions .btn{padding:8px;font-size:0}.top-actions .btn span{font-size:15px}.app-footer{padding:13px;font-size:8px;gap:10px}.app-footer>span{max-width:65%}.canvas-toolbar{gap:5px;padding:7px}.tool-btn{padding:7px}.tool-btn span{display:none}.canvas-search{max-width:130px}.zoom-controls{gap:4px}.canvas-stage{height:58vh;min-height:400px}.minimap{width:108px;height:78px}.minimap-inner{height:49px}.canvas-hint{max-width:calc(100% - 125px);font-size:8px;line-height:1.4}.canvas-footer{align-items:flex-start;gap:12px;font-size:9px}.canvas-footer>span:last-child{text-align:right;max-width:48%}.summary-stats{gap:18px}.summary-stats strong{font-size:21px}.plotlines-list{grid-template-columns:1fr}.spark-sidebar{grid-template-columns:1fr}.spark-card{padding:13px}.spark-card-head{align-items:flex-start}.spark-card-head .tiny-label{display:none}.spark-controls{align-items:stretch;flex-direction:column}.select-label select{min-width:0;width:100%}.spark-controls .btn{width:100%}.context-foot{flex-direction:column}.architect-toolbar{align-items:flex-start;flex-direction:column}.scene-row{padding:11px 9px;gap:7px}.scene-row-meta span{display:none}.arc-view{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.modal{padding:16px}.modal-foot{align-items:flex-end}.filter-popover{margin-left:10px}.project-summary{padding:17px}.focus-player{padding:17px}}