@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PlayfairDisplay-600.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;overflow:clip;overscroll-behavior:none;position:fixed;width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;background:radial-gradient(ellipse at center,#3d3d6b,#1a1a2e 45%,#0a0a14);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;width:100%;height:100%;touch-action:manipulation}#canvas-container{width:100vw;height:100vh;touch-action:manipulation;background:radial-gradient(ellipse at center,#3d3d6b,#1a1a2e 45%,#0a0a14)}#top-bar-left,#top-bar-right{position:fixed;top:calc(30px + env(safe-area-inset-top,0px));display:flex;align-items:flex-start;gap:8px;z-index:100}#top-bar-left{left:30px}#top-bar-right{right:30px}.panel-container{position:relative}.panel-btn{width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-btn svg{width:20px;height:20px;fill:#ffffffb3;color:#ffffffb3;transition:fill .2s,color .2s}.panel-btn.active{outline:2px solid rgba(255,255,255,.9);outline-offset:-1px}.panel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.panel-btn:hover svg{fill:#ffffffe6;color:#ffffffe6}@media(hover:hover){.panel-btn[data-tooltip],#shape-progress-ring[data-tooltip]{position:relative}.panel-btn[data-tooltip]:after,#shape-progress-ring[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.8);padding:4px 10px;background:#000000bf;color:#ffffffe6;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:1000}.panel-btn[data-tooltip]:hover:after,#shape-progress-ring[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}}#cube-collection-btn.active{background:#ffffff40;border-color:#ffffff80}#cube-collection-btn.active svg{fill:#fffffff2;color:#fffffff2}body.cube-collection-active #notes-panel,body.cube-collection-active #shape-progress-ring,body.cube-collection-active #controls-container,body.cube-collection-active #mindmap-container,body.cube-collection-active #footer-links,body.cube-collection-active #release-notes-btn{display:none!important}body.cube-collection-active.cube-collection-celebration #notes-panel{display:block!important}#mindmap-btn.active{background:#ffffff40;border-color:#ffffff80}#mindmap-btn.active svg{fill:#fffffff2;color:#fffffff2}body.mindmap-active #notes-panel,body.mindmap-active #shape-progress-ring,body.mindmap-active #controls-container,body.mindmap-active #cube-collection-container,body.mindmap-active #spinning-plates-container,body.mindmap-active #footer-links,body.mindmap-active #release-notes-btn,body.mindmap-active #release-notes-panel{display:none!important}#mindmap-banner{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:6px 16px;max-width:calc(100vw - 32px);text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff9;font-size:12px;z-index:100;pointer-events:none}#mindmap-container.hidden,#mindmap-banner.hidden,#cube-collection-container.hidden{display:none}body.mindmap-active #mindmap-banner{display:block}#spinning-plates-btn.active{background:#ffffff40;border-color:#ffffff80}#spinning-plates-btn.active svg{fill:#fffffff2;color:#fffffff2}body.spinning-plates-active #notes-panel,body.spinning-plates-active #shape-progress-ring,body.spinning-plates-active #controls-container,body.spinning-plates-active #mindmap-container,body.spinning-plates-active #footer-links,body.spinning-plates-active #release-notes-btn,body.spinning-plates-active #release-notes-panel{display:none!important}#spinning-plates-segmented{position:fixed;top:calc(40px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:none;z-index:100;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden}body.spinning-plates-active #spinning-plates-segmented{display:flex}.sp-seg-btn{padding:8px 24px;font-size:12px;font-weight:600;color:#ffffff73;background:transparent;border:none;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;font-family:inherit}.sp-seg-btn:first-child{border-right:1px solid rgba(255,255,255,.15)}.sp-seg-btn.active{color:#fffffff2;background:#667eea40}.dropdown-panel{position:absolute;top:calc(100% + 8px);display:flex;flex-direction:column;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px;z-index:110}.dropdown-panel.hidden{display:none!important}#menu-container .dropdown-panel{left:0}#controls-container .dropdown-panel{left:-52px}#stats-container .dropdown-panel{right:-156px}#scenes-container .dropdown-panel{right:-104px}#palette-container .dropdown-panel{right:-52px}#text-container .dropdown-panel{right:0}#controls-panel{width:700px;padding:14px 24px 22px;align-items:center;gap:8px;touch-action:manipulation}.mode-toggle{display:flex;gap:8px}.mode-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#ffffffb3;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.mode-btn:hover{background:#ffffff1a;color:#fff}.mode-btn.active{background:linear-gradient(90deg,#667eea,#764ba2);border-color:transparent;color:#fff}.action-btn{padding:8px 14px;border:1px solid rgba(46,204,113,.5);background:#2ecc7126;color:#2ecc71;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.action-btn:hover{background:#2ecc714d;border-color:#2ecc71;color:#fff}.action-btn:active{transform:scale(.95)}.shape-header{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}#shape-name{color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}#shape-info{color:#ffffff80;font-size:11px}#shape-slider{width:98%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;outline:none;cursor:pointer;touch-action:pan-x;margin:10px 0}#shape-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:transform .2s}#shape-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}#shape-slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 10px #0000004d}#slider-labels{display:flex;justify-content:space-between;width:calc(100% - 24px);margin:4px auto 0;color:#ffffff80;font-size:10px;height:60px;align-items:flex-start}#slider-labels span{text-align:center;display:flex;flex-direction:row-reverse;align-items:center;gap:6px;writing-mode:vertical-lr;text-orientation:sideways;transform:rotate(180deg)}#slider-labels .slider-badge{writing-mode:horizontal-tb;transform:rotate(180deg)}.slider-badge{min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;display:flex;justify-content:center;align-items:center;color:#fff;background:#e03e3e;border-radius:7px;box-sizing:border-box}#shape-progress-ring{width:44px;height:44px;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}#shape-progress-ring.visible{opacity:1}#shape-progress-ring svg{width:100%;height:100%}#shape-progress-ring .ring-bg{fill:none;stroke:#ffffff26;stroke-width:3}#shape-progress-ring .ring-progress{fill:none;stroke:#667eea;stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),stroke .3s ease}#shape-progress-ring .ring-progress.complete{stroke:#2ecc71}#archived-indicator{width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}#archived-indicator.hidden{display:none}#archived-indicator svg{width:20px;height:20px;fill:#90caf9}#text-panel{width:var(--tp-width, 360px);min-width:340px;max-width:600px;padding:10px 8px 0}.edit-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:3px;margin-left:auto;flex-shrink:0;cursor:pointer}.edit-toggle-label{font-size:9px;font-weight:600;text-transform:uppercase;color:#ffffff73;letter-spacing:.5px;line-height:1}.edit-toggle-switch.toggle-switch{width:36px;height:20px;float:none;margin-left:0}.edit-toggle-switch .toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}.edit-toggle-switch input:checked+.toggle-slider:before{transform:translate(13px)}#text-panel-content{display:flex;flex-direction:column;height:var(--tp-height, min(50vh, 500px));height:var(--tp-height, min(50dvh, 500px));min-height:200px}#text-panel-resize-handle,#scenes-panel-resize-handle,#palette-panel-resize-handle{position:absolute;bottom:0;left:0;width:20px;height:20px;cursor:nesw-resize;z-index:10;background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,.15) 50%);border-radius:0 0 0 12px;transition:background .2s;touch-action:none}@media(hover:hover){#text-panel-resize-handle:hover,#scenes-panel-resize-handle:hover,#palette-panel-resize-handle:hover{background:linear-gradient(225deg,transparent 50%,rgba(255,255,255,.35) 50%)}}#text-panel-resize-handle:active,#scenes-panel-resize-handle:active,#palette-panel-resize-handle:active{background:linear-gradient(225deg,transparent 50%,rgba(102,126,234,.5) 50%)}#focus-presets{display:flex;flex-direction:column;flex:1;column-gap:4px;row-gap:4px;margin-bottom:6px;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}#focus-presets>*{flex-shrink:0}#focus-presets::-webkit-scrollbar{width:6px}#focus-presets::-webkit-scrollbar-track{background:transparent}#focus-presets::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}#focus-presets::-webkit-scrollbar-thumb:hover{background:#ffffff80}#text-panel #focus-presets .preset-row{color:#ffffffb3;cursor:pointer;border:2px solid transparent;border-radius:4px;background:#ffffff08;box-shadow:0 1px #ffffff0f}@media(hover:hover){#text-panel #focus-presets .preset-row:not(.edit-mode):not(.add-new-mode):not(.selected):hover{border-color:#ffffff26}#text-panel #focus-presets .preset-row.selected:hover{box-shadow:0 0 0 1px #fff}}#text-panel #focus-presets .preset-row.selected{color:#fff;border-color:#fff}#focus-presets input[type=radio]{accent-color:#667eea;width:16px;height:16px;cursor:pointer}#focus-presets .preset-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-align:left;max-width:100%}#focus-presets .preset-row{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;overflow:hidden}#focus-presets .preset-row:not(.edit-mode):not(.add-new-mode):not(.delete-confirm-mode){height:52px;box-sizing:border-box}.preset-progress-bar{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#667eea66,#764ba266);border-radius:inherit;transition:width .3s ease;pointer-events:none;z-index:0}.preset-row-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:4px 5px;gap:2px}.preset-row.settings-mode .preset-progress-bar{display:none}#focus-presets .preset-label-content{display:flex;align-items:center;gap:8px;flex:1}.preset-indicators{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;z-index:1}.preset-count-badge{min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:16px;text-align:center;color:#ffffffb3;background:#ffffff1f;border-radius:8px;flex-shrink:0;box-sizing:border-box}.header-icons{display:flex;align-items:center;gap:8px}.preset-row.settings-mode{display:flex;align-items:center;gap:4px;padding:4px 0}.settings-row-content{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-width:0;padding:4px 5px}.settings-badges-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:3px;align-items:center;overflow:hidden}.settings-badges-row .feeling-badges-container{flex-direction:row;flex-wrap:nowrap;flex-shrink:1;overflow:hidden}.preset-actions{display:flex;gap:4px;flex-shrink:0}.preset-action-btn{width:24px;height:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;opacity:.6;transition:all .2s;padding:4px}@media(hover:hover){.preset-action-btn:hover{opacity:1;background:#fff3}}.preset-action-btn svg{width:100%;height:100%;fill:#ffffffe6}@media(hover:hover){.preset-action-btn.delete-btn:hover{background:#e74c3c4d;border-color:#e74c3c80}.preset-action-btn.edit-btn:hover{background:#667eea4d;border-color:#667eea80}}.preset-favourite-btn{width:24px;height:24px;background:transparent;border:none;cursor:pointer;font-size:16px;line-height:1;color:#ffffff4d;transition:all .2s;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.preset-favourite-btn.active{color:gold}.preset-archive-btn{width:24px;height:24px;background:transparent;border:none;cursor:pointer;line-height:1;color:#ffffff4d;transition:all .2s;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.preset-archive-btn svg{width:16px;height:16px;fill:currentColor}.preset-archive-btn.active{color:#90caf9}@media(hover:hover){.preset-archive-btn:hover{color:#90caf9;transform:scale(1.15)}}.preset-exclude-btn{width:24px;height:24px;background:transparent;border:none;cursor:pointer;line-height:1;color:#ffffff4d;transition:all .2s;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center}.preset-exclude-btn svg{width:16px;height:16px;fill:currentColor}.preset-exclude-btn.active{color:#ef9a9a}@media(hover:hover){.preset-exclude-btn:hover{color:#ef9a9a;transform:scale(1.15)}}.preset-favourite-indicator{color:gold;font-size:12px;flex-shrink:0;line-height:1}.preset-archive-indicator{color:#90caf9;flex-shrink:0;line-height:1;display:inline-flex;align-items:center}.preset-archive-indicator svg{width:12px;height:12px;fill:currentColor}.topic-archive-indicator,.feeling-archive-indicator{color:#90caf9;display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.topic-archive-indicator svg,.feeling-archive-indicator svg{width:12px;height:12px;fill:currentColor}@media(hover:hover){.preset-favourite-btn:hover{color:gold;transform:scale(1.15)}}.topic-filter-option.favourites-pill{background:linear-gradient(135deg,gold,orange,gold);color:#3a2800;border-color:gold}.topic-filter-option.favourites-pill.active{border-color:#ffffffe6}.topic-filter-option.archived-pill{background:linear-gradient(135deg,#90caf9,#42a5f5,#90caf9);color:#1a237e;border-color:#90caf9}.topic-filter-option.archived-pill.active{border-color:#ffffffe6}.archived-pill-icon{display:flex;align-items:center}.archived-pill-icon svg{width:14px;height:14px;fill:currentColor}.preset-row.edit-mode,.preset-row.add-new-mode{padding:8px 0;cursor:default;border-color:transparent}.edit-container{width:100%}.add-new-topic-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.add-new-topic-label{font-size:11px;color:#ffffff80}.inline-cat-error{font-size:11px;margin:0}.preset-edit-textarea{width:100%;min-height:60px;background:#0000004d;border:1px solid rgba(102,126,234,.5);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:10px;resize:none;outline:none;-webkit-user-select:text;user-select:text}.preset-edit-textarea:focus{border-color:#667eeacc}.edit-hint{font-size:10px;color:#fff6;margin-top:4px}.edit-error{font-size:11px;color:#e74c3c;margin-top:4px}.edit-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.edit-btn-save,.edit-btn-cancel{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn-save{background:linear-gradient(90deg,#667eea,#764ba2);border:none;color:#fff}@media(hover:hover){.edit-btn-save:hover{opacity:.9;transform:translateY(-1px)}}.edit-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}@media(hover:hover){.edit-btn-cancel:hover{background:#ffffff1a;color:#fff}}.preset-row.delete-confirm-mode{padding:8px 0}.delete-confirm-container{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:12px}.delete-confirm-message{color:#ffffffe6;font-size:13px;margin-bottom:10px;word-break:break-word}.delete-confirm-buttons{display:flex;justify-content:flex-end;gap:8px}.delete-confirm-cancel,.delete-confirm-delete{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.delete-confirm-cancel{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}@media(hover:hover){.delete-confirm-cancel:hover{background:#ffffff1a;color:#fff}}.delete-confirm-delete{background:#e74c3c;border:none;color:#fff}@media(hover:hover){.delete-confirm-delete:hover{background:#c0392b}}.add-preset-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:8px;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .2s;height:40px;box-sizing:border-box}@media(hover:hover){.add-preset-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fffc}}.add-preset-btn svg{width:16px;height:16px;fill:currentColor}.time-filter-container{display:flex;justify-content:center;align-items:center;gap:4px;margin:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);height:40px;box-sizing:border-box}.time-filter-option{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:inherit;color:#fff9;cursor:pointer;border-radius:12px;border:2px solid transparent;transition:all .2s}@media(hover:hover){.time-filter-option:hover{color:#ffffffe6}}.time-filter-option input[type=radio]{display:none}.time-filter-option.active{color:#fffffff2;background:#667eea33;border:2px solid rgba(255,255,255,.5)}.time-filter-badge{min-width:16px;height:16px;padding:0 4px;margin-left:2px;font-size:9px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:#e03e3e;border-radius:8px;box-sizing:border-box}.topic-filter-container{display:flex;column-gap:4px;row-gap:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.topic-filter-option{display:flex;align-items:center;gap:3px;padding:3px 8px;margin-bottom:4px;font-size:inherit;font-weight:500;color:#ffffff80;cursor:pointer;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:transparent;transition:all .2s;white-space:nowrap;font-family:inherit}@media(hover:hover){.topic-filter-option:hover{color:#fffc;border-color:color-mix(in srgb,var(--topic-color, white) 50%,transparent)}}.topic-filter-option.active{color:#fffffff2;background-color:var(--topic-color, rgba(102, 126, 234, .3));border-color:#ffffffe6;box-shadow:0 0 12px 4px #ffffff80}.topic-filter-option.editable{cursor:default;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.topic-row .preset-actions{margin-left:auto}.topic-filter-option.editable .topic-row-short{color:inherit;opacity:.7;margin-left:3px}.topic-filter-badge{min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;line-height:14px;text-align:center;color:#fff;background:#fff3;border-radius:7px;box-sizing:border-box}.topic-badge{display:inline-flex;align-items:center;padding:1px 5px;font-size:8px;font-weight:600;line-height:1.4;border-radius:3px;border:1px solid;white-space:nowrap;flex-shrink:0;margin-right:4px}.topic-badge.settings{cursor:pointer}@media(hover:hover){.topic-badge.settings:hover{opacity:.8;transform:scale(1.05)}}.topic-badge.no-topic{color:#ffffff4d;background:transparent;border-color:#ffffff26;border-style:dashed;cursor:pointer}.topic-badge-container{position:relative;flex-shrink:0;display:flex;align-items:center}.topic-selector{z-index:200;background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:4px;min-width:140px;max-height:min(70vh,500px);overflow-y:auto;box-shadow:0 4px 12px #0006}.selector-close-btn{position:sticky;top:2px;float:right;z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1e1e28d9;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffff80;font-size:16px;line-height:1;cursor:pointer;transition:all .15s;padding:0;font-family:inherit;margin:0 0 -24px}@media(hover:hover){.selector-close-btn:hover{color:#ffffffe6;background:#fff3}}.topic-selector-option{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:11px;color:#fffc;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s;font-family:inherit;text-align:left}@media(hover:hover){.topic-selector-option:hover{background:#ffffff1a;color:#fff}}.topic-management-section{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.topic-row{display:flex;align-items:center;gap:6px;padding:6px 0;color:#ffffffb3;font-size:inherit}.topic-row-short{font-size:.85em;color:#fff6;flex-shrink:0}.topic-color-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.topic-edit-form{display:flex;flex-direction:column;gap:6px;padding:8px 0}.topic-edit-input{width:100%;padding:6px 8px;background:#0000004d;border:1px solid rgba(102,126,234,.5);border-radius:6px;color:#fff;font-family:inherit;font-size:12px;outline:none;box-sizing:border-box}.topic-edit-input:focus{border-color:#667eeacc}.topic-edit-input.short{width:120px}.color-palette{display:flex;gap:4px;flex-wrap:wrap}.color-palette-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}@media(hover:hover){.color-palette-swatch:hover{transform:scale(1.15)}}.color-palette-swatch.selected{border-color:#fff;box-shadow:0 0 6px #fff6}.filter-mode-segmented{display:flex;gap:0;padding:6px 0 2px;align-items:center}.filter-mode-segmented>.edit-toggle-wrapper{margin-left:12px;margin-top:-12px;flex-shrink:0}.filter-mode-btn{flex:1;padding:4px 12px;font-size:10px;font-weight:600;font-family:inherit;color:#ffffff73;background:transparent;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.filter-mode-btn{border-radius:0}.filter-mode-btn:first-child{border-radius:6px 0 0 6px}.filter-mode-btn+.filter-mode-btn{border-left:none}.filter-mode-btn:last-of-type{border-radius:0 6px 6px 0}.filter-mode-btn.active{color:#fffffff2;background:#667eea40;border-color:#667eea80}@media(hover:hover){.filter-mode-btn:not(.active):hover{color:#ffffffb3;background:#ffffff0d}}.mobile-active-filter-pill{display:none;align-items:center;padding:3px 8px;font-size:10px;font-weight:500;color:#ffffff80;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:transparent;white-space:nowrap;font-family:inherit}.mobile-active-filter-pill.favourites-pill{background:linear-gradient(135deg,gold,orange,gold);color:#3a2800;border-color:gold}.mobile-active-filter-pill.archived-pill{background:linear-gradient(135deg,#90caf9,#42a5f5,#90caf9);color:#1a237e;border-color:#90caf9}.mobile-filter-pill{display:none}.feeling-filter-container{display:flex;column-gap:4px;row-gap:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.feeling-filter-option{display:flex;align-items:center;gap:3px;padding:3px 8px;margin-bottom:4px;font-size:inherit;font-weight:500;color:#fff;cursor:pointer;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:transparent;transition:all .2s;white-space:nowrap;font-family:inherit}@media(hover:hover){.feeling-filter-option:hover{border-color:var(--feeling-color, rgba(255, 255, 255, .4))}}.feeling-filter-option.active{background:color-mix(in srgb,var(--feeling-color, rgba(102, 126, 234, .3)) 25%,#1a1a2e);border-color:#ffffffe6;box-shadow:0 0 12px 4px #ffffff80}.feeling-filter-option.editable{cursor:ew-resize;touch-action:pan-y;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.feeling-filter-badge{min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;line-height:14px;text-align:center;color:#fff;background:#fff3;border-radius:7px;box-sizing:border-box}.feeling-badges-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;align-items:center;flex-shrink:0;margin-right:4px}.feeling-badges-container.readonly{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;align-items:center;width:100%}.preset-badges-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:3px;align-items:center}.preset-badges-row .feeling-badges-container.readonly{width:auto}.feeling-badge{display:inline-flex;align-items:center;padding:1px 5px;font-size:8px;font-weight:600;line-height:1.4;border-radius:3px;border:1px solid;white-space:nowrap;flex-shrink:0;background:transparent;color:#ffffffe6}.feeling-badge.settings{cursor:pointer}@media(hover:hover){.feeling-badge.settings:hover{opacity:.8;transform:scale(1.05)}}.feeling-badge.add-feeling{color:#ffffff4d;background:transparent;border-color:#ffffff26;border-style:dashed;cursor:pointer;font-size:8px;padding:1px 5px}.feeling-selector{z-index:200;background:#1e1e28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:4px;min-width:160px;max-height:min(70vh,500px);overflow-y:auto;box-shadow:0 4px 12px #0006}.feeling-selector-option{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;font-size:11px;color:#fffc;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s;font-family:inherit;text-align:left}@media(hover:hover){.feeling-selector-option:hover{background:#ffffff1a;color:#fff}}.feeling-selector-option .feeling-check{width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;transition:all .15s}.feeling-selector-option .feeling-check.checked{border-color:#667eeacc;background:#667eea66;color:#fff}.feeling-management-section{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.feeling-row-wrapper{display:flex;flex-direction:column;gap:2px;padding:4px 0}.feeling-row{display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:inherit}.feeling-row .preset-actions{margin-left:auto}.feeling-row-short{font-size:.85em;color:#fff6;flex-shrink:0}.feeling-filter-option.favourites-pill{background:linear-gradient(135deg,gold,orange,gold);color:#3a2800;border-color:gold}.feeling-filter-option.favourites-pill.active{border-color:#ffffffe6}.feeling-filter-option.archived-pill{background:linear-gradient(135deg,#90caf9,#42a5f5,#90caf9);color:#1a237e;border-color:#90caf9}.feeling-filter-option.archived-pill.active{border-color:#ffffffe6}#text-panel textarea{width:100%;height:80px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:10px;resize:none;outline:none;transition:border-color .2s;-webkit-user-select:text;user-select:text}#text-panel textarea:focus{border-color:#667eea99}#text-panel textarea::placeholder{color:#fff6}#palette-panel{width:var(--pp-width, 360px);min-width:340px;max-width:600px;padding:10px 8px 0}#palette-panel-content>.filter-mode-segmented{margin-bottom:8px}#palette-panel-content{display:flex;flex-direction:column;height:var(--pp-height, min(50vh, 500px));height:var(--pp-height, min(50dvh, 500px));min-height:200px}#palette-items{display:flex;flex-direction:column;flex:1;gap:2px;overflow-y:auto;overflow-x:hidden;min-height:0;margin-bottom:6px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}#palette-items::-webkit-scrollbar{width:6px}#palette-items::-webkit-scrollbar-track{background:transparent}#palette-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}#palette-items::-webkit-scrollbar-thumb:hover{background:#ffffff80}#palette-items .topic-management-section,#palette-items .feeling-management-section{margin-top:0;padding-top:0;border-top:none;display:flex;flex-direction:column;gap:4px}#palette-items .topic-row{padding:0}#palette-items .topic-row .topic-filter-option.editable{flex:1;min-width:0;padding:8px 12px;margin-bottom:0;min-height:40px;box-sizing:border-box;border-radius:10px;line-height:1.2}#palette-items .topic-row.topic-favourite .topic-filter-option.editable{padding-top:18px;padding-bottom:18px}#palette-items .feeling-row-wrapper{padding:0;gap:0}#palette-items .feeling-row-wrapper .feeling-filter-option.editable{flex:1;min-width:0;padding:8px 12px;margin-bottom:0;min-height:40px;box-sizing:border-box;border-radius:10px;line-height:1.2}#palette-items .feeling-row-wrapper.feeling-favourite .feeling-filter-option.editable{padding-top:18px;padding-bottom:18px}.palette-readonly-section{display:flex;flex-direction:column;gap:4px}.palette-readonly-row{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:transparent;color:#fff;font-family:inherit;font-size:inherit;font-weight:500;line-height:1.2;min-height:40px;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-sizing:border-box}@media(hover:hover){.palette-readonly-row.feeling-palette-row:hover{border-color:var(--feeling-color, rgba(255, 255, 255, .4));background:color-mix(in srgb,var(--feeling-color, transparent) 20%,#1a1a2e)}.palette-readonly-row.feeling-palette-row.feeling-favourite:hover{border-color:#ffffffe6}.palette-readonly-row.topic-palette-row:hover,.palette-readonly-row.topic-palette-row.topic-favourite:hover{opacity:.85}}.palette-readonly-row.active{border-color:#ffffffe6;box-shadow:0 0 12px 4px #ffffff80,inset 0 0 8px #ffffff26}.palette-readonly-row.feeling-favourite,.palette-readonly-row.topic-favourite{padding-top:18px;padding-bottom:18px}.palette-readonly-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-readonly-empty{padding:20px 12px;text-align:center;color:#fff6;font-size:13px}.palette-readonly-row.topic-palette-row{cursor:default}.palette-location-parent{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:2px solid transparent;box-sizing:border-box;min-height:40px;line-height:1.2;font-weight:600;font-size:.9em;margin-top:4px;user-select:none;-webkit-user-select:none}.location-parent-chevron{font-size:8px;flex-shrink:0;opacity:.7}.palette-location-parent:first-child{margin-top:0}.palette-readonly-row.location-child-palette-row{cursor:pointer;margin-left:16px;width:calc(100% - 16px)}@media(hover:hover){.palette-readonly-row.location-child-palette-row:hover{border-color:var(--feeling-color, rgba(255, 255, 255, .4));background:color-mix(in srgb,var(--feeling-color, transparent) 20%,#1a1a2e)}}.location-child-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;border-radius:8px;background:#fff3;opacity:.7;margin-left:auto;flex-shrink:0}.location-preset-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;border-radius:8px;background:#ffffff1f;color:#fff9;margin-left:auto;flex-shrink:0}.location-chevron{font-size:8px;color:#ffffff59;flex-shrink:0}.location-preset-list{margin-left:24px;margin-bottom:4px;padding-left:8px;border-left:2px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:1px}.location-preset-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;color:#ffffffbf;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;text-align:left}.location-preset-item.pinned{background:#667eea26;border-color:#667eea66;color:#fff}@media(hover:hover){.location-preset-item:hover{background:#ffffff1a;border-color:#fff3;color:#fff}}.location-preset-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-preset-list-empty{margin-left:24px;margin-bottom:4px;padding:6px 10px;font-size:11px;color:#ffffff4d;font-style:italic}.palette-bottom-row{display:flex;gap:6px;padding:8px 4px;border-top:1px solid rgba(255,255,255,.1);margin-top:4px;flex-shrink:0}.palette-bottom-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffb3;font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.palette-bottom-btn:hover{background:#ffffff1f;color:#ffffffe6;border-color:#ffffff40}.palette-bottom-btn:active{background:#ffffff2e}.preset-bottom-row .time-filter-container{border-bottom:none;padding:0;margin:0;height:auto;flex:1}.palette-bottom-btn-icon{font-size:8px;opacity:.7}#scenes-panel .topic-row{min-height:40px;box-sizing:border-box}.topic-row.location-child-row .topic-filter-option{margin-left:16px;font-size:.85em}.location-desc-input{width:100%;resize:vertical;min-height:40px;max-height:100px;font-family:inherit;font-size:inherit;box-sizing:border-box}.location-assigner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.location-assigner-close{background:none;border:none;color:#fff9;font-size:1.3em;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.location-assigner-close:hover{color:#ffffffe6}#scenes-panel{width:var(--sp-width, 360px);min-width:340px;max-width:600px;padding:10px 8px 0}#scenes-panel-content>.filter-mode-segmented{margin-bottom:8px}#scenes-panel-content{display:flex;flex-direction:column;height:var(--sp-height, min(50vh, 500px));height:var(--sp-height, min(50dvh, 500px));min-height:200px}#scenes-items{display:flex;flex-direction:column;flex:1;gap:2px;margin-bottom:6px;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}#scenes-items::-webkit-scrollbar{width:6px}#scenes-items::-webkit-scrollbar-track{background:transparent}#scenes-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}#scenes-items::-webkit-scrollbar-thumb:hover{background:#ffffff80}#scenes-items .topic-management-section{display:flex;flex-direction:column;gap:4px}#scenes-items .topic-row{padding:0}#scenes-items .topic-row.location-parent-row:not(:first-child){margin-top:4px}#scenes-items .topic-row .topic-filter-option.editable{flex:1;min-width:0;padding:8px 12px;margin-bottom:0;min-height:40px;box-sizing:border-box;border-radius:8px;font-size:.9em;font-weight:600}#scenes-items .topic-row.location-child-row .topic-filter-option.editable{font-size:.85em;font-weight:500;border-radius:10px}#scenes-items .topic-row.location-favourite .topic-filter-option.editable,#scenes-items .topic-row.topic-favourite .topic-filter-option.editable{padding-top:18px;padding-bottom:18px}#scenes-items .topic-management-section,#scenes-items .feeling-management-section{margin-top:0;padding-top:0;border-top:none}.scene-builder-summary{position:relative;padding:8px 10px;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.08);flex-shrink:0;box-shadow:0 -1px #ffffff1a;margin-top:8px}.scene-builder-collapse-btn{position:absolute;bottom:2px;right:4px;background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px;line-height:0;-webkit-tap-highlight-color:transparent;transition:color .15s;z-index:1}.scene-builder-collapse-btn:hover{color:#ffffffb3}.scene-builder-header-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-tap-highlight-color:transparent}.scene-builder-header-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.scene-builder-header-row .scene-builder-collapse-btn{position:static;padding:2px 4px}.scene-builder-collapsed{padding:4px 10px}.scene-builder-collapsed .scene-builder-row{display:none}.scene-builder-summary+.palette-bottom-row{border-top:none;margin-top:0}.scene-builder-row{display:flex;align-items:flex-start;gap:8px;padding:3px 0}.scene-builder-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6;min-width:62px;padding-top:3px;flex-shrink:0}.scene-builder-pills{display:flex;flex-wrap:wrap;gap:4px}.scene-builder-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#fff!important;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.scene-builder-pill-dismissible{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.scene-builder-pill-dismissible:active{opacity:.5}.scene-builder-pill-x{margin-left:5px;opacity:.5;font-size:12px;line-height:1}.scene-builder-pill-focus{color:#ffffffb3;border-color:#667eea66}.location-character-assigner{background:#ffffff0f;border-radius:8px;padding:10px;margin-bottom:6px}.location-assigner-assigned{margin-bottom:8px}.location-assigner-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:6px;background:#ffffff0a;margin-bottom:3px}.location-assigner-remove{background:none;border:none;color:#ffc8c899;font-size:1.1em;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.location-assigner-remove:hover{color:#ff7878e6}.location-assigner-unassigned{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.location-assigner-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6;width:100%}.location-assigner-add-item{display:inline-flex;align-items:center;padding:0;border-radius:6px;border:none;background:none;cursor:pointer;transition:background .15s;font-family:inherit}.location-assigner-add-item:hover{background:#ffffff14}.panel-search-container{flex-shrink:0;padding:4px 6px 2px;position:relative}.panel-search-input{width:100%;box-sizing:border-box;padding:6px 28px 6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffe6;font-family:inherit;font-size:13px;outline:none;transition:border-color .15s,background .15s;-webkit-user-select:text;user-select:text}.panel-search-input::placeholder{color:#ffffff59}.panel-search-input:focus{border-color:#ffffff59;background:#ffffff1a}.panel-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;cursor:pointer;font-size:16px;padding:10px;line-height:1;display:none}.panel-search-clear:hover{color:#ffffffb3}.panel-search-input:not(:placeholder-shown)+.panel-search-clear{display:block}#notes-panel{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:7px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.2);width:700px;touch-action:manipulation;transition:background-color .15s ease-out}#notes-panel label{color:#ffffffb3;font-size:12px;font-weight:500;display:block;margin-bottom:8px}#notes-panel textarea{width:100%;height:132px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:10px;resize:none;outline:none;transition:border-color .2s;touch-action:pan-y;-webkit-user-select:text;user-select:text}#notes-panel textarea:focus{border-color:#667eea99}#notes-panel textarea::placeholder{color:#fff6;text-align:center}#pin-topic-prompt{display:flex;align-items:center;justify-content:center;height:132px;color:#fff9;font-size:16px;text-align:center}#pin-topic-prompt.hidden,#typing-challenge-container.hidden{display:none}#notes-panel.fading-warning{background:#ffff0080}#notes-panel.flash-fail{animation:flashFail .3s ease-out}#notes-panel.flash-success{animation:flashSuccess .5s ease-out}@keyframes flashFail{0%{background:#e74c3cb3}to{background:#ffffff1a}}@keyframes flashSuccess{0%{background:#fffc}to{background:#ffffff1a}}#typing-progress-container{position:relative;width:100%;height:8px;background:#0000004d;border-radius:4px;margin:1px 0 6px;overflow:hidden}.progress-tick{position:absolute;top:0;width:2px;height:100%;background:#ffffff4d;z-index:1}.progress-tick:nth-of-type(1){left:25%}.progress-tick:nth-of-type(2){left:50%}.progress-tick:nth-of-type(3){left:75%}#typing-progress-bar{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .1s linear}#typing-seconds{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:10px;font-weight:600;z-index:1;cursor:pointer}#typing-feedback{margin-top:16px;text-align:center;position:relative;user-select:none;-webkit-user-select:none}#typing-feedback.hidden{display:none}#typing-feedback.completed-state{display:flex;flex-direction:column;align-items:center;padding:20px 0}#feedback-question{color:#fffc;font-size:13px;margin-bottom:12px;line-height:1.4}#feedback-buttons{display:flex;justify-content:center;gap:16px}.feedback-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:24px;font-weight:600;cursor:pointer;transition:all .2s}.feedback-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.feedback-btn[data-action=plus]:hover{background:#2ecc714d;border-color:#2ecc71}.feedback-btn[data-action=equals]:hover{background:#f1c40f4d;border-color:#f1c40f}.feedback-btn[data-action=minus]:hover{background:#e74c3c4d;border-color:#e74c3c}.feedback-reset-btn{display:none;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff9;border-radius:20px;cursor:pointer;font-size:12px;transition:all .2s}.feedback-reset-btn:hover{background:#e74c3c26;border-color:#e74c3c66;color:#e74c3c}.feedback-reset-btn svg{display:block}.feedback-copy-btn{display:none;position:absolute;bottom:0;right:0;padding:6px 10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff9;border-radius:12px;cursor:pointer;font-size:11px;transition:all .2s;align-items:center;gap:4px}.feedback-copy-btn:hover,.feedback-copy-btn:active{background:#ffffff26;border-color:#fff6;color:#ffffffe6}.feedback-copy-btn.copied{background:#2ecc7133;border-color:#2ecc7180;color:#2ecc71}.feedback-copy-btn svg{display:block;width:12px;height:12px}#feedback-challenge-content.hidden,#feedback-completed-content.hidden{display:none}#feedback-completed-content{display:flex;flex-direction:column;align-items:center}#completed-message{color:#fffc;font-size:14px;margin-bottom:12px}#feedback-completed-content+.feedback-reset-btn{margin-top:0}.completed-state .feedback-copy-btn{display:none}#menu-panel{gap:10px;min-width:300px}#signout-btn{padding:10px 16px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fffc;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;width:100%}#signout-btn:hover{background:#fff3;border-color:#ffffff80;color:#fff}.menu-action-row{display:flex;gap:6px;margin-top:8px}.menu-action-btn{padding:10px 16px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fffc;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;flex:1}.menu-action-btn:only-child{width:100%}.menu-action-btn:hover{background:#fff3;border-color:#ffffff80;color:#fff}.menu-info{padding-top:8px;border-top:1px solid rgba(255,255,255,.1);color:#fff9;font-size:12px;text-align:center}.menu-info a{color:#fff9;text-decoration:underline;transition:color .2s}.menu-info a:hover{color:#ffffffe6}.menu-links{display:flex;justify-content:center;gap:16px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.menu-links a{color:#fff9;font-size:12px;text-decoration:none;transition:color .2s}.menu-links a:hover{color:#ffffffe6}.menu-copyright{text-align:center;color:#fff6;font-size:11px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.menu-version{text-align:center;color:#ffffff40;font-size:9px;font-family:monospace;padding-top:4px;transition:color .2s}.menu-version.clickable{cursor:pointer}.menu-version.clickable:hover{color:#ffffff80}.signin-error{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d}.signin-error-message{color:#ffffff80;font-size:12px}.signin-retry-btn{padding:5px 14px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fffc;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;white-space:nowrap}.signin-retry-btn:hover{background:#fff3;border-color:#ffffff80;color:#fff}#footer-links{position:fixed;bottom:20px;left:30px;z-index:10}#release-notes-btn{position:fixed;bottom:20px;right:30px;z-index:10}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-row #signout-btn{flex-shrink:0;width:auto}.sync-indicator{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;padding:4px 0}.sync-indicator.hidden{display:none}.sync-label{color:#fffc;font-size:13px}.sync-dot{width:10px;height:10px;border-radius:50%;background:#2ecc71;transition:background-color .3s,box-shadow .3s}.sync-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-indicator.synced .sync-dot{background:#33f182;box-shadow:0 0 4px #2ecc7180}.sync-indicator.syncing .sync-dot{display:none}.sync-indicator.syncing .sync-spinner{display:block}.sync-indicator.pending .sync-dot{background:#0e4223}.sync-indicator.error .sync-dot{background:#e74c3c;cursor:pointer}.sync-indicator.error:hover .sync-dot{box-shadow:0 0 8px #e74c3ccc}.quick-toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:0;margin-bottom:4px}.quick-toggle{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0d;color:#ffffff59;cursor:pointer;transition:background .2s,border-color .2s,color .2s;padding:0}.quick-toggle svg{width:24px;height:24px}.quick-toggle:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff9}.quick-toggle.active{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea99;color:#ffffffe6}#quick-small-text .small-t,#quick-small-text.active .big-t{opacity:.4}#quick-small-text.active .small-t{opacity:1}#quick-double-fill.active rect:last-child{opacity:1}.quick-toggle.active:hover{background:linear-gradient(135deg,#667eea59,#764ba259);border-color:#667eeacc}.toggle-setting.hidden{display:none}.menu-section-heading{color:#ffffff73;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-bottom:2px;margin-top:12px;border-bottom:1px solid rgba(255,255,255,.08)}.menu-section-heading.hidden{display:none}.toggle-setting{display:block;padding:2px 0;cursor:pointer;position:relative;line-height:24px}.toggle-label{color:#fffc;font-size:13px}.toggle-switch{position:relative;width:44px;height:24px;float:right;margin-left:12px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#fff3;border-radius:24px;transition:background .3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#ffffffe6;border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(90deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #667eea4d}.toggle-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#fff6;font-size:10px;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1;vertical-align:middle;margin-left:6px;cursor:pointer;transition:border-color .2s,color .2s;position:relative}.toggle-info .toggle-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;padding:6px 10px;background:#000000d9;color:#ffffffe6;font-size:12px;font-style:normal;font-family:inherit;white-space:normal;width:max-content;max-width:220px;line-height:1.4;border-radius:6px;pointer-events:none;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s;z-index:1001}.toggle-info .toggle-tooltip:after{content:"";position:absolute;top:100%;left:3px;border:5px solid transparent;border-top-color:#000000d9}@media(hover:hover){.toggle-info:hover{border-color:#fff9;color:#ffffffb3}.toggle-info:hover .toggle-tooltip{opacity:1;transform:scale(1);pointer-events:auto}}.toggle-info.tooltip-active{border-color:#fff9;color:#ffffffb3}.toggle-info.tooltip-active .toggle-tooltip{opacity:1;transform:scale(1);pointer-events:auto}#release-notes-panel{position:fixed;bottom:20px;right:30px;width:320px;background:#141428eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;z-index:120;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #0006}#release-notes-panel.hidden{display:none}.release-notes-header{display:flex;align-items:center;justify-content:space-between}.release-notes-title{color:#fffc;font-size:15px;font-weight:600}.release-notes-close{background:none;border:none;color:#ffffff80;font-size:20px;line-height:1;cursor:pointer;padding:0 4px;transition:color .2s}.release-notes-close:hover{color:#ffffffe6}.release-note-entry{padding:6px 0}.release-note-date{color:#fff6;font-size:12.5px;margin-bottom:2px}.release-note-text{color:#ffffffd9;font-size:15px;line-height:1.4}.release-notes-view-all{background:none;border:none;color:#667eeacc;font-size:14px;font-family:inherit;cursor:pointer;padding:2px 0;text-align:left;transition:color .2s}.release-notes-view-all:hover{color:#667eea}#release-notes-toast.hidden{display:none}#release-notes-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}#release-notes-list.hidden{display:none}#release-notes-list .release-note-entry{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}#release-notes-list .release-note-entry:last-child{border-bottom:none}.release-note-text.expandable{cursor:pointer;text-decoration:underline;text-decoration-color:#fff3;text-underline-offset:3px;transition:text-decoration-color .2s}.release-note-text.expandable:hover{text-decoration-color:#ffffff80}.release-note-text.expandable:after{content:" ▾";color:#fff6;font-size:22px}.release-note-text.expanded:after{content:" ▴"}.release-note-details{padding:6px 0 2px;color:#fff9;font-size:14px;line-height:1.5}.release-note-details p{margin:0 0 8px}.release-note-details p:last-child{margin-bottom:0}.release-note-details.hidden{display:none}.debug-console{display:none;position:fixed;bottom:0;left:0;right:0;height:45vh;background:#0a0a14f2;border-top:1px solid rgba(255,255,255,.15);z-index:10000;flex-direction:column;font-family:Courier New,monospace;font-size:11px}.debug-console.visible{display:flex}.debug-console-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1e1e32f2;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.debug-console-title{color:#ffffffb3;font-weight:600;font-size:12px;margin-right:auto}.debug-console-filters{display:flex;gap:2px}.debug-filter-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:4px;padding:2px 8px;font-size:10px;cursor:pointer;font-family:inherit}.debug-filter-btn.active{background:#6464ff40;color:#ffffffe6;border-color:#6464ff66}.debug-console-clear,.debug-console-close{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:2px 6px;line-height:1}.debug-console-clear:hover,.debug-console-close:hover{color:#ffffffe6}.debug-console-log-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;-webkit-overflow-scrolling:touch}.debug-entry{display:flex;gap:6px;padding:2px 10px;border-bottom:1px solid rgba(255,255,255,.03);word-break:break-all}.debug-entry-time{color:#ffffff4d;flex-shrink:0;font-size:10px;line-height:1.5}.debug-entry-text{color:#fffc;white-space:pre-wrap;line-height:1.5}.debug-entry-truncated{cursor:pointer}.debug-entry-warn{background:#ffc8000f}.debug-entry-warn .debug-entry-text{color:#f0c040}.debug-entry-error{background:#ff3c3c14}.debug-entry-error .debug-entry-text{color:#f06060}#stats-panel{width:300px;padding:10px 8px 12px}#stats-panel-header{display:none}#stats-panel-header:hover{color:#ffffffe6}#stats-panel-header .toggle-text{flex:1}#stats-panel-header .toggle-icon-stats{width:18px;height:18px;margin-left:auto}#stats-panel-header .toggle-icon-stats svg{width:100%;height:100%;fill:currentColor}#stats-panel-content{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}#stats-panel-content::-webkit-scrollbar{width:6px}#stats-panel-content::-webkit-scrollbar-track{background:transparent}#stats-panel-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.stats-drill-header{display:flex;align-items:center;gap:8px;padding:4px 0 8px}.stats-back-btn{width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .2s;padding:0;flex-shrink:0}@media(hover:hover){.stats-back-btn:hover{background:#fff3;color:#fff}}.stats-drill-label{color:#fff9;font-size:11px;font-weight:500}.stats-chart-area{display:flex;align-items:flex-end;gap:4px;height:280px;padding:0 2px}.stats-bar-wrapper{flex:1;display:flex;flex-direction:column-reverse;align-items:stretch;min-width:0;height:100%;border-radius:4px 4px 0 0;position:relative}.stats-bar-wrapper.drillable{cursor:pointer}@media(hover:hover){.stats-bar-wrapper.drillable:hover{background:#ffffff0d}}.stats-bar-segment{width:100%;min-height:2px;border-radius:2px 2px 0 0;transition:height .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.stats-segment-badge{min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;line-height:14px;text-align:center;color:#ffffffd9;background:#0000004d;border-radius:7px;pointer-events:none;box-sizing:border-box;flex-shrink:0}.stats-bar-segment+.stats-bar-segment{border-radius:0}.stats-bar-wrapper>.stats-bar-segment:last-of-type{border-radius:2px 2px 0 0}.stats-bar-wrapper>.stats-bar-segment:first-of-type:last-of-type{border-radius:4px 4px 0 0}.stats-bar-current{border:1px solid rgba(255,255,255,.85);border-radius:4px}.stats-bar-empty{width:100%;height:2px;background:#ffffff14;border-radius:1px}.stats-x-labels{display:flex;gap:4px;padding:4px 2px 0}.stats-x-label{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.stats-x-label-text{font-size:8px;color:#fff6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.stats-x-badge{min-width:16px;height:16px;padding:0 4px;font-size:8px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:#d32f2f;border-radius:8px;box-sizing:border-box}@media(max-width:768px){#footer-links,#release-notes-btn{display:none}#release-notes-panel{bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;right:12px;width:auto}#top-bar-left{top:calc(20px + env(safe-area-inset-top,0px));left:20px}#top-bar-right{top:calc(20px + env(safe-area-inset-top,0px));right:20px}#spinning-plates-segmented{top:calc(74px + env(safe-area-inset-top,0px))}#controls-panel{width:calc(100vw - 40px);max-width:500px}#text-panel,#palette-panel,#scenes-panel,#stats-panel{width:340px}#stats-panel-content{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}.stats-chart-area{height:200px}#text-panel-content,#scenes-panel-content,#palette-panel-content{height:calc(100vh - 120px);height:calc(100dvh - 120px)}#text-panel-resize-handle,#scenes-panel-resize-handle,#palette-panel-resize-handle{display:none}#notes-panel{width:calc(100% - 40px);max-width:700px;bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:16px 20px}#notes-panel textarea{height:150px;font-size:16px}#text-panel textarea,.panel-search-input{font-size:16px}.mode-toggle{flex-wrap:wrap;justify-content:center}#slider-labels{font-size:9px}}@media(max-width:480px){#top-bar-left{top:calc(12px + env(safe-area-inset-top,0px));left:12px;gap:6px}#top-bar-right{top:calc(12px + env(safe-area-inset-top,0px));right:12px;gap:6px}.panel-btn{width:40px;height:40px;padding:8px}#shape-progress-ring,#archived-indicator{width:40px;height:40px}#signout-btn{padding:8px 12px;font-size:12px}#spinning-plates-segmented{top:calc(60px + env(safe-area-inset-top,0px))}#text-panel-resize-handle,#scenes-panel-resize-handle,#palette-panel-resize-handle{display:none}#controls-panel,#text-panel,#palette-panel,#scenes-panel,#stats-panel,#menu-panel{position:fixed;top:calc(60px + env(safe-area-inset-top,0px));left:12px;right:12px;width:auto;min-width:0;max-width:none;border-radius:12px}#menu-container .dropdown-panel,#controls-container .dropdown-panel,#stats-container .dropdown-panel,#palette-container .dropdown-panel,#scenes-container .dropdown-panel,#text-container .dropdown-panel{left:12px;right:12px}#controls-panel{padding:10px 12px 18px}#text-panel{padding:10px 12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--kb-inset, 0px))}body.kb-inset-active #text-panel:not(.editing-active){bottom:var(--kb-inset, 0px)}#text-panel.editing-active{bottom:auto}#palette-panel,#scenes-panel{padding:10px 12px;bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--kb-inset, 0px))}body.kb-inset-active #palette-panel:not(.editing-active),body.kb-inset-active #scenes-panel:not(.editing-active){bottom:var(--kb-inset, 0px)}#palette-panel.editing-active,#scenes-panel.editing-active{bottom:auto}#palette-panel-content,#scenes-panel-content,#text-panel-content{flex:1;height:auto;max-height:none;min-height:0}#stats-panel{padding:10px 12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}#stats-panel-content{flex:1;display:flex;flex-direction:column;max-height:none;min-height:0}#stats-chart-container{flex:1;display:flex;flex-direction:column;min-height:0}.stats-chart-area{flex:1;height:auto;min-height:0}#stats-panel-header{margin:-10px -12px 8px;padding:10px 12px}#controls-panel .mode-toggle{gap:4px}.mode-btn{padding:6px 10px;font-size:11px;border-radius:16px}.action-btn{padding:6px 10px;font-size:11px}.shape-header{gap:6px}#shape-name{font-size:14px}#shape-info{font-size:10px;width:100%;text-align:center}#shape-slider{height:6px}#shape-slider::-webkit-slider-thumb{width:28px;height:28px}#shape-slider::-moz-range-thumb{width:28px;height:28px}#slider-labels{font-size:8px;width:calc(100% - 28px)}#slider-labels{height:50px}#focus-presets{column-gap:4px;row-gap:4px;margin-bottom:0}#text-panel textarea{height:70px;font-size:14px;padding:8px}#notes-panel{width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:12px 14px;border-radius:12px}#notes-panel label{font-size:11px;margin-bottom:6px}#notes-panel textarea{height:132px;font-size:16px;padding:8px}body.small-text-mode #notes-panel textarea{font-size:8pt}body.small-text-mode #focus-presets{gap:6px}body.small-text-mode #focus-presets .preset-row-content{padding:6px 4px}body.small-text-mode #focus-presets .preset-text{font-size:10px;line-height:1.2}body.small-text-mode .time-filter-option{font-size:10px}#text-panel .filter-mode-btn,#text-panel .topic-filter-container,#text-panel .feeling-filter-container{display:none}.palette-bottom-row{padding-bottom:0}#text-panel .mobile-active-filter-pill{display:inline-flex}#text-panel .mobile-active-filter-pill{font-size:16px;padding:4px 12px;margin-right:8px;overflow:hidden;text-overflow:ellipsis}body.small-text-mode #text-panel .mobile-active-filter-pill{font-size:10px;padding:3px 8px}#text-panel .mobile-filter-pill-first{margin-left:auto}#text-panel .mobile-filter-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:16px;line-height:1;font-weight:500;color:#ffffff80;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:transparent;white-space:nowrap;font-family:inherit;cursor:pointer;transition:all .2s;margin-right:2px;box-sizing:border-box}#text-panel .mobile-filter-pill.active{background:#667eea4d;border-color:#ffffffe6;color:#fffffff2}#text-panel .mobile-filter-pill.favourites-pill{background:linear-gradient(135deg,gold,orange,gold);color:#3a2800;border-color:transparent;padding-left:8px;padding-right:8px}#text-panel .mobile-filter-pill.favourites-pill.active{border-color:gold}#text-panel .mobile-filter-pill.archived-pill{background:linear-gradient(135deg,#90caf9,#42a5f5,#90caf9);color:#1a237e;border-color:transparent;padding-left:8px;padding-right:8px}#text-panel .mobile-filter-pill.archived-pill.active{border-color:#90caf9}#text-panel .filter-mode-segmented{padding-top:0;padding-bottom:10px}#text-panel .filter-mode-segmented>.edit-toggle-wrapper{margin-left:8px;margin-top:-9px}#stats-panel .topic-filter-option{font-size:10px}#stats-panel .feeling-filter-option{font-size:11px}body.small-text-mode #palette-panel .topic-filter-option,body.small-text-mode #palette-panel .feeling-filter-option,body.small-text-mode #scenes-panel .topic-filter-option,body.small-text-mode #scenes-panel .feeling-filter-option,body.small-text-mode #palette-panel .palette-readonly-name,body.small-text-mode #scenes-panel .palette-readonly-name{font-size:10px}body.small-text-mode .topic-badge,body.small-text-mode .feeling-badge{font-size:7px;padding:1px 3px}body.small-text-mode .topic-row,body.small-text-mode .feeling-row{font-size:10px}body.small-text-mode .preset-row.settings-mode{padding:6px 0;gap:4px}body.small-text-mode .preset-row.settings-mode .preset-text{font-size:9px;line-height:1.1}body.small-text-mode .preset-action-btn{width:20px;height:20px;padding:3px}body.small-text-mode .add-preset-btn{padding:6px;font-size:10px}body.small-text-mode .preset-row.edit-mode,body.small-text-mode .preset-row.add-new-mode{padding:2px 0}body.small-text-mode .preset-edit-textarea{min-height:28px;font-size:9px;padding:4px}body.small-text-mode .edit-hint{font-size:7px;margin-top:1px}body.small-text-mode .edit-buttons{margin-top:2px;gap:4px}body.small-text-mode .edit-btn-save,body.small-text-mode .edit-btn-cancel{padding:2px 6px;font-size:9px}#typing-progress-container{height:6px;margin-bottom:10px}#typing-seconds{font-size:9px;right:6px}#typing-feedback{margin-top:12px}#feedback-question{font-size:12px;margin-bottom:10px}#feedback-buttons{gap:12px}.feedback-btn{width:44px;height:44px;font-size:20px}.feedback-copy-btn{display:flex}.feeling-selector,.topic-selector{padding:6px;min-width:220px;max-height:min(85vh,600px)}.feeling-selector-option,.topic-selector-option{gap:10px;padding:10px 12px;font-size:15px}.feeling-selector-option .feeling-check{width:22px;height:22px;border-radius:4px;font-size:14px}.feeling-selector .topic-color-swatch,.topic-selector .topic-color-swatch{width:16px;height:16px}body.small-text-mode .feeling-selector,body.small-text-mode .topic-selector{padding:4px;min-width:140px}body.small-text-mode .feeling-selector-option,body.small-text-mode .topic-selector-option{gap:6px;padding:5px 8px;font-size:11px}body.small-text-mode .feeling-selector-option .feeling-check{width:14px;height:14px;border-radius:3px;font-size:10px}body.small-text-mode .feeling-selector .topic-color-swatch,body.small-text-mode .topic-selector .topic-color-swatch{width:12px;height:12px}}@media(max-width:375px){#top-bar-left{top:calc(8px + env(safe-area-inset-top,0px));left:8px;gap:4px}#top-bar-right{top:calc(8px + env(safe-area-inset-top,0px));right:8px;gap:4px}.panel-btn{width:36px;height:36px;padding:6px}#shape-progress-ring,#archived-indicator{width:36px;height:36px}#archived-indicator svg{width:16px;height:16px}#spinning-plates-segmented{top:calc(60px + env(safe-area-inset-top,0px))}#controls-panel,#text-panel,#palette-panel,#scenes-panel,#stats-panel,#menu-panel{top:calc(52px + env(safe-area-inset-top,0px));left:8px;right:8px}#menu-container .dropdown-panel,#controls-container .dropdown-panel,#stats-container .dropdown-panel,#palette-container .dropdown-panel,#scenes-container .dropdown-panel,#text-container .dropdown-panel{left:8px;right:8px}#controls-panel{padding:8px 10px 16px}#text-panel,#palette-panel,#scenes-panel,#stats-panel{padding:8px 10px}.mode-btn,.action-btn{padding:5px 8px;font-size:10px}#shape-name{font-size:12px}#shape-info{font-size:9px}#slider-labels{font-size:7px}#notes-panel{width:calc(100% - 16px);bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 12px}#notes-panel textarea{height:100px}.feedback-btn{width:40px;height:40px;font-size:18px}}@media(max-height:500px)and (orientation:landscape){#top-bar-left{top:calc(8px + env(safe-area-inset-top,0px));left:8px;gap:4px}#top-bar-right{top:calc(8px + env(safe-area-inset-top,0px));right:8px;gap:4px}.panel-btn{width:36px;height:36px;padding:6px}#shape-progress-ring,#archived-indicator{width:36px;height:36px}#archived-indicator svg{width:16px;height:16px}#spinning-plates-segmented{top:calc(52px + env(safe-area-inset-top,0px))}#controls-panel{padding:8px 12px 16px}#text-panel,#palette-panel,#scenes-panel,#stats-panel{width:auto}#notes-panel{bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 14px}#notes-panel textarea{height:70px}#typing-feedback{margin-top:8px}#feedback-buttons{gap:8px}.feedback-btn{width:36px;height:36px;font-size:16px}}body.keyboard-active{display:flex;flex-direction:column}body.keyboard-active #top-bar-left,body.keyboard-active #top-bar-right{display:none}body.keyboard-active #canvas-container{position:relative;flex:1 1 auto;width:100vw;height:auto;min-height:150px;transform:none;order:1;margin:4px 0}@media(display-mode:standalone){body.keyboard-active #canvas-container{margin-top:env(safe-area-inset-top,50px)}}body.keyboard-active #notes-panel{position:relative;flex:0 0 auto;left:auto;right:auto;bottom:auto;width:calc(100% - 24px);max-width:none;border-radius:12px;margin:0 12px 12px;transform:none;padding:8px 14px;order:2}body.keyboard-active #notes-panel.feedback-showing{position:absolute;bottom:12px;left:12px;right:12px;width:auto;margin:0;z-index:10}body.keyboard-active #notes-panel textarea{height:120px}body.keyboard-active #typing-progress-container{margin-bottom:4px}body.textarea-focused{overflow:hidden}