.terminal{-webkit-overflow-scrolling:touch;flex-grow:1;min-height:0;padding:20px;overflow:hidden auto}.terminal.ai-mode{flex-direction:column;padding:0;display:flex;overflow:hidden}.chat-history{-webkit-overflow-scrolling:touch;flex-grow:1;min-height:0;padding:20px 20px 10px;overflow:hidden auto}@media (prefers-reduced-motion:no-preference){.chat-history{scroll-behavior:smooth}}.chat-history>div{margin-bottom:15px}.ai-input-box{padding:15px 20px;padding-bottom:calc(15px + env(safe-area-inset-bottom));z-index:10;background-color:#0a0a0a;border-top:1px solid #333;flex-shrink:0;position:sticky;bottom:0}.history{word-wrap:break-word;overflow-wrap:break-word}.history>div{margin:0;padding:0;line-height:1}.history>div:first-child{margin-bottom:1.5em}.input-line{flex-wrap:nowrap;align-items:center;margin:0;padding:0;line-height:1;display:flex}.input-wrapper{flex-grow:1;align-items:center;min-width:0;display:flex;position:relative}.input-overlay{pointer-events:none;white-space:pre;color:#fff;z-index:1;box-sizing:border-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1;display:flex;position:absolute;inset:0;overflow:hidden}.command-name-live{color:#dcdcaa}.input-transparent{z-index:2;margin:0;padding:0;position:relative;color:#0000!important;caret-color:#fff!important}.terminal.editor-mode input[type=text]{caret-color:#0000!important}@media (width<=768px){.input-overlay{font-size:.9rem}}@media (width<=480px){.input-overlay{font-size:.85rem}}.prompt{white-space:nowrap;color:#4af626;flex-shrink:0;margin-right:10px}input{color:#fff;caret-color:#fff;appearance:none;touch-action:manipulation;box-sizing:border-box;background-color:#0000;border:none;width:100%;min-width:0;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-size:1rem;animation:1s step-end infinite blink-caret}input:focus{outline:none}input:read-only{cursor:wait;opacity:.6}@keyframes blink-caret{0%,to{caret-color:#fff}50%{caret-color:#0000}}.fake-cursor{pointer-events:none;background-color:#fff;width:2px;height:1em;animation:1s step-end infinite blink-cursor;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.command-echo{flex-wrap:nowrap;align-items:center;margin:0;padding:0;line-height:1;display:flex}.command-echo .prompt{white-space:nowrap;color:#4af626;flex-shrink:0;margin-right:10px}.command-echo .command-text{color:#fff}.command-echo .command-name{color:#dcdcaa}.dir{color:#4ec9b0;font-weight:700}.output{color:#e0e0e0}.error{color:#f48771}.success{color:#b5cea8}.info{color:#9cdcfe}.warning{color:#dcdcaa}.comment{color:#6a9955}.ai-response{color:#ce9178}.exe-output{color:#d4d4d4;white-space:pre-wrap;font-family:Courier New,Courier,monospace}.help-header{color:#4fc1ff;font-weight:700}.help-command{color:#dcdcaa}.help-description{color:#9cdcfe}.clickable-command{cursor:pointer;text-underline-offset:4px;color:#dcdcaa;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .2s}.clickable-command:hover{opacity:.7}.clickable-command:active{opacity:.5}@media (width<=768px){.terminal{padding:15px 10px}.prompt{margin-right:5px;font-size:.9rem}input{font-size:.9rem}}@media (width<=480px){.terminal{padding:10px 8px}.prompt,input{font-size:.85rem}}input::placeholder{color:#666;opacity:1}input::-webkit-input-placeholder{color:#666}input::-moz-placeholder{color:#666;opacity:1}input:-ms-placeholder-shown{color:#666}.ai-welcome{color:#ce9178;opacity:.9;font-size:1.1em;font-style:italic}.ai-thinking{color:#9cdcfe}.busy-input{opacity:.7}.loading-dots:after{content:" .";animation:1.5s steps(3,end) infinite loading-dots}@keyframes loading-dots{0%{content:" ."}33%{content:" . ."}66%{content:" . . ."}to{content:" ."}}.ai-input-status{color:#9cdcfe;flex-wrap:wrap;gap:4px;margin-top:10px;font-size:.85rem;display:flex}.ai-input-status-hint{color:#666}.terminal.editor-mode{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden;caret-color:#0000!important;cursor:default!important;-webkit-user-select:none!important;user-select:none!important;outline:none!important}.terminal.editor-mode:focus{caret-color:#0000!important;cursor:default!important;outline:none!important}.terminal.editor-mode:focus-visible{outline:none!important}.terminal.editor-mode *{-webkit-user-select:text;user-select:text;cursor:text}.terminal.editor-mode .editor-line-content{color:#e0e0e0!important}.terminal.editor-mode .editor-content{color:#e0e0e0}.terminal.editor-mode .editor-content *{color:inherit}.editor-container{background-color:#0a0a0a;flex-direction:column;height:100%;display:flex}.editor-header{background-color:#1e1e1e;border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.9rem;display:flex}.editor-filename{color:#9cdcfe;font-weight:700}.editor-status{color:#dcdcaa;font-style:italic}.editor-content{-webkit-overflow-scrolling:touch;flex-grow:1;padding:0;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;overflow:auto}.editor-line{white-space:pre;min-height:1.5em;display:flex}.editor-line-current{background-color:#1e1e1e}.editor-line-number{text-align:right;color:#6a9955;-webkit-user-select:none;user-select:none;background-color:#0a0a0a;border-right:1px solid #333;flex-shrink:0;width:60px;padding-left:12px;padding-right:10px}.editor-line-content{color:#e0e0e0;white-space:pre;word-wrap:normal;overflow-wrap:normal;flex-grow:1;padding-left:8px;padding-right:12px;caret-color:#0000!important;outline:none!important}.editor-cursor{z-index:10;pointer-events:none;white-space:pre;border:none;outline:none;font-family:monospace;vertical-align:baseline!important;caret-color:#0000!important;color:#0000!important;width:8px!important;min-width:8px!important;height:1.2em!important;line-height:inherit!important;visibility:visible!important;background-color:red!important;margin:0!important;padding:0!important;display:inline!important;position:static!important;inset:auto!important}.editor-footer{background-color:#1e1e1e;border-top:1px solid #333;flex-shrink:0;align-items:center;gap:15px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.85rem;display:flex}.editor-command-hint{color:#9cdcfe}.editor-command-hint.warning{color:#dcdcaa}.editor-command-hint.error{color:#f48771}.editor-command-hint.success{color:#b5cea8}@media (width<=768px){.terminal.editor-mode{-webkit-overflow-scrolling:touch;min-height:100%}.editor-content{-webkit-overflow-scrolling:touch;min-height:0}.editor-line-number{width:50px;font-size:.85rem}.editor-line-content{font-size:.9rem}.editor-header{padding:6px 10px;font-size:.85rem}.editor-footer{gap:10px;padding:6px 10px;font-size:.8rem}}@media (width<=480px){.editor-line-number{width:45px;font-size:.8rem}.editor-line-content{font-size:.85rem}.editor-header{padding:5px 8px;font-size:.8rem}.editor-footer{gap:8px;padding:5px 8px;font-size:.75rem}}.terminal.editor-mode .input-line{visibility:hidden!important;display:none!important}.terminal.editor-mode input[type=text]{visibility:hidden!important;caret-color:#0000!important;-webkit-text-fill-color:transparent!important;text-fill-color:transparent!important;display:none!important;position:absolute!important;left:-9999px!important}.terminal.editor-mode .input-wrapper,.terminal.editor-mode .fake-cursor{visibility:hidden!important;display:none!important}.terminal.editor-mode .editor-cursor{z-index:10;pointer-events:none;content:"";animation:1s step-end infinite blink-cursor;vertical-align:text-bottom!important;width:2px!important;min-width:2px!important;height:1.2em!important;font-size:inherit!important;line-height:inherit!important;background-color:#fff!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;display:inline-block!important;position:relative!important}.showcase-overlay{pointer-events:none;z-index:var(--z-overlay,2100);position:fixed;inset:0}.showcase-overlay-attention{z-index:calc(var(--z-overlay,2100) + 1);animation:.5s ease-out float-in;position:fixed}.showcase-overlay-attention-center{top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-overlay-attention-top{top:20%;left:50%;transform:translate(-50%)}.showcase-overlay-attention-bottom{bottom:10%;left:50%;transform:translate(-50%)}.showcase-overlay-attention-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4fc1ff26;border:2px solid #4fc1ff;border-radius:8px;align-items:center;gap:12px;padding:16px 24px;animation:2s ease-in-out infinite pulse-border;display:flex;box-shadow:0 8px 32px #4fc1ff4d}.showcase-overlay-attention-icon{color:#4fc1ff;font-size:20px;animation:1s ease-in-out infinite arrow-bounce}.showcase-overlay-attention-message{color:#4fc1ff;text-shadow:0 0 10px #4fc1ff80;font-size:16px;font-weight:600}.showcase-overlay-spotlight{z-index:var(--z-overlay,2100);pointer-events:none;position:fixed;inset:0}.showcase-overlay-spotlight-dim{background:#0009;animation:.5s ease-out dim-in;position:absolute;inset:0}.showcase-overlay-message{color:#4af626;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:calc(var(--z-overlay,2100) + 1);background:#4af62626;border:2px solid #4af626;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:600;animation:.5s ease-out message-slide-in;position:absolute;box-shadow:0 4px 20px #4af62666}.showcase-overlay-message-top{top:80px;left:50%;transform:translate(-50%)}.showcase-overlay-message-bottom{bottom:80px;left:50%;transform:translate(-50%)}.showcase-overlay-message-left{top:50%;left:40px;transform:translateY(-50%)}.showcase-overlay-message-right{top:50%;right:40px;transform:translateY(-50%)}.showcase-overlay-arrow{z-index:calc(var(--z-overlay,2100) + 1);animation:.5s ease-out fade-in;position:fixed}.showcase-overlay-arrow-right{top:50%;right:60px;transform:translateY(-50%)}.showcase-overlay-arrow-left{top:50%;left:60px;transform:translateY(-50%)}.showcase-overlay-arrow-top{top:100px;left:50%;transform:translate(-50%)rotate(90deg)}.showcase-overlay-arrow-bottom{bottom:100px;left:50%;transform:translate(-50%)rotate(-90deg)}.showcase-overlay-arrow-line{background:linear-gradient(90deg,#0000,#f48771);width:60px;height:3px;animation:1s ease-out infinite arrow-extend}.showcase-overlay-arrow-head{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #f48771;width:0;height:0;margin-top:-11px;margin-left:60px;animation:1s ease-in-out infinite arrow-pulse}.showcase-overlay-arrow-message{color:#f48771;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4877126;border:1px solid #f48771;border-radius:4px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600}.showcase-overlay-pulse{z-index:var(--z-overlay,2100);pointer-events:none;animation:2s ease-in-out infinite pulse-bg;position:fixed;inset:0}.showcase-overlay-glow{z-index:var(--z-overlay,2100);pointer-events:none;animation:3s ease-in-out infinite glow-pulse;position:fixed;inset:0;box-shadow:inset 0 0 100px #4af62633}@keyframes float-in{0%{opacity:0;transform:translate(-50%,-50%)translateY(20px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}@keyframes dim-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes message-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse-border{0%,to{box-shadow:0 8px 32px #4fc1ff4d}50%{box-shadow:0 8px 32px #4fc1ff99,0 0 40px #4fc1ff66}}@keyframes arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes arrow-extend{0%{opacity:.6;width:40px}50%{opacity:1;width:60px}to{opacity:.6;width:40px}}@keyframes arrow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-bg{0%,to{background:#dcdcaa00}50%{background:#dcdcaa0d}}@keyframes glow-pulse{0%,to{box-shadow:inset 0 0 80px #4af6261a}50%{box-shadow:inset 0 0 120px #4af62640}}.showcase-banner{color:#4fc1ff;text-align:center;text-shadow:0 0 20px #4fc1ff80;margin:0;padding:0;line-height:1.2;animation:3s ease-in-out infinite banner-glow}@keyframes banner-glow{0%,to{text-shadow:0 0 20px #4fc1ff80}50%{text-shadow:0 0 30px #4fc1ffcc,0 0 40px #4fc1ff66}}.showcase-rainbow-text{font-size:16px;font-weight:600;display:inline-block}.rainbow-letter{text-shadow:0 0 10px;animation:3s ease-in-out infinite rainbow-wave;display:inline-block}@keyframes rainbow-wave{0%{color:red}14%{color:#f70}28%{color:#fd0}42%{color:#0f0}57%{color:#09f}71%{color:#60f}85%{color:#f0f}to{color:red}}.showcase-intro,.showcase-features,.showcase-prompt,.showcase-section-header,.showcase-completion,.showcase-finale{line-height:1.8;display:block}.showcase-clickable-prompt{display:inline-block}.showcase-section-header,.showcase-completion{text-align:center;margin:20px 0}.showcase-finale{margin:30px 0;line-height:2}.showcase-slide-out{animation:.6s steps(3,end) forwards showcase-slide-up;overflow:hidden}@keyframes showcase-slide-up{0%{transform:translateY(0)}33%{transform:translateY(-33%)}66%{transform:translateY(-66%)}to{transform:translateY(-100%)}}@media (width<=768px){.showcase-overlay-attention-content{padding:12px 18px;font-size:14px}.showcase-overlay-message{padding:10px 16px;font-size:12px}.showcase-overlay-message-left,.showcase-overlay-message-right{top:80px;left:50%;right:auto;transform:translate(-50%)}.showcase-overlay-arrow{display:none}}.dropdown-menu{z-index:var(--z-dropdown,1000);min-width:180px;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 80px);-webkit-overflow-scrolling:touch;background-color:#2d2d2d;border:1px solid #1f1f1f;border-radius:4px;padding:4px 0;position:absolute;overflow:hidden auto;box-shadow:0 4px 8px #0006}@media (width<=1024px){.dropdown-menu{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 60px);min-width:160px;position:fixed}}@media (width<=768px){.dropdown-menu{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 60px);min-width:160px}}.dropdown-item{color:#e0e0e0;cursor:default;align-items:center;gap:10px;padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:.9rem;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:#3a3a3a}.dropdown-item:focus-visible{outline-offset:-2px;outline:2px solid #4af626}.dropdown-item span{flex:1}.context-menu{z-index:var(--z-popover,2200);-webkit-user-select:none;user-select:none;background-color:#2d2d2d;border:1px solid #1f1f1f;border-radius:4px;min-width:180px;padding:4px 0;font-family:Courier New,Courier,monospace;position:fixed;box-shadow:0 4px 8px #0006}.context-menu-submenu{z-index:var(--z-tooltip,2300)}@media (width<=768px){.context-menu{min-width:160px}}.context-menu-item{color:#e0e0e0;cursor:default;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:12px;font-size:.9rem;transition:background-color .15s;display:flex}.context-menu-item:hover{background-color:#3a3a3a}.context-menu-item:focus-visible{outline-offset:-2px;outline:2px solid #4af626}.context-menu-item span{flex:1}.context-menu-item-submenu{position:relative}.context-menu-item-submenu.active{background-color:#3a3a3a}.context-menu-divider{background-color:#1f1f1f;height:1px;margin:4px 0}.context-menu-item svg{flex-shrink:0}@media (width<=768px){.context-menu-item{min-height:44px;padding:12px;font-size:.85rem}}.tab-bar{padding:4px 8px 0;padding-top:max(4px, env(safe-area-inset-top));padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));background-color:#2d2d2d;flex-shrink:0;align-items:flex-end;gap:4px;height:40px;transition:background-color .3s;display:flex}.tab-bar.inverted{background-color:#0a0a0a}.tabs-container{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:flex-end;gap:2px;display:flex;overflow:auto hidden}.tabs-container::-webkit-scrollbar{display:none}.tab{color:#b0b0b0;cursor:default;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:pan-y;background-color:#2d2d2d;border:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;min-width:100px;max-width:200px;padding:2px 12px;font-family:Courier New,Courier,monospace;font-size:.85rem;transition:transform .2s,background-color .15s,color .15s;display:flex;position:relative}.tab:hover{color:#e0e0e0;background-color:#353535}.tab.active{color:#fff;background-color:#0a0a0a;max-width:none}.tab:focus-visible{outline-offset:2px;outline:2px solid #4af626}.tab-bar.inverted .tab{color:#fff;background-color:#1a1a1a}.tab-bar.inverted .tab:hover{color:#fff;background-color:#2d2d2d}.tab-bar.inverted .tab.active{color:#1a1a1a;background-color:#fff}.tab-bar.inverted .tab-close:hover{background-color:#ffffff1a}.tab-bar.inverted .tab.active .tab-close:hover{background-color:#0000001a}.tab-icon{flex-shrink:0;align-items:center;display:flex}.tab-label{text-overflow:ellipsis;flex:1;overflow:hidden}.daw-icon-clickable{cursor:pointer;border-radius:4px;padding:2px 6px;transition:background-color .15s,transform .1s;display:inline-block}.daw-icon-clickable.hidden{visibility:hidden;cursor:default;pointer-events:none}.daw-icon-clickable:not(.hidden):hover{background-color:#ff9f0033;transform:scale(1.05)}.daw-icon-clickable:not(.hidden):active{transform:scale(.95)}.tab.active .daw-icon-clickable:not(.hidden):hover{background-color:#ffffff26}.tab-bar.inverted .tab.active .daw-icon-clickable:not(.hidden):hover{background-color:#0000001a}.daw-text{margin-right:8px}.daw-play-icon{display:inline-block}.daw-pause-icon{justify-content:center;align-items:center;gap:2px;width:12px;height:12px;display:inline-flex;position:relative}.daw-pause-icon:before,.daw-pause-icon:after{content:"";background-color:currentColor;width:2px;height:10px;display:block}.tab-close{width:32px;height:32px;color:inherit;cursor:default;background-color:#0000;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;transition:background-color .15s;display:flex}.tab-close:hover{background-color:#ffffff1a}.tab-close:focus-visible{outline-offset:2px;outline:2px solid #4af626}.tab-controls{flex-shrink:0;align-items:center;gap:0;display:flex}.tab-control-button{color:#b0b0b0;cursor:default;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:Courier New,Courier,monospace;font-size:1.2rem;line-height:1;transition:background-color .15s,color .15s;display:flex}.tab-control-button:hover{color:#fff;background-color:#2e2e2e}.tab-control-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.tab-bar.inverted .tab-control-button{color:#888}.tab-bar.inverted .tab-control-button:hover{color:#fff;background-color:#2d2d2d}.tab-scroll-button{color:#b0b0b0;cursor:default;background-color:#0000;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1;transition:background-color .15s,color .15s;display:flex}.tab-scroll-button:hover:not(.disabled){color:#fff;background-color:#2e2e2e}.tab-scroll-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.tab-scroll-button.disabled{display:none}.tab-bar.inverted .tab-scroll-button{color:#888}.tab-bar.inverted .tab-scroll-button:hover:not(.disabled){color:#fff;background-color:#2d2d2d}.tab-controls-divider{background-color:#555;width:1px;height:20px;margin:0 4px}.tab-bar.inverted .tab-controls-divider{background-color:#444}@media (width<=768px){.tab-bar{height:44px;padding-top:max(4px, env(safe-area-inset-top))}.tab{min-width:80px;max-width:180px;padding:2px 10px;font-size:.8rem}.tab-controls .tab-control-button:first-child,.tab-controls-divider{display:none}.tab.active{max-width:none}.tab-icon svg{width:14px;height:14px}.tab-close{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1rem}.tab-control-button{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.1rem}.tab-scroll-button{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1rem}}@media (width<=480px){.tab{gap:6px;min-width:70px;padding:2px 8px;font-size:.75rem}.tab.active{max-width:none}}.tab.dragging{cursor:grabbing!important}.tab:active:not(.dragging){cursor:default}.tab.dragging{transition:background-color .15s,color .15s}@media (hover:none) and (pointer:coarse){.tab:active:not(.dragging){background-color:#353535}.tab-bar.inverted .tab:active:not(.dragging){background-color:#2d2d2d}}.chat-sidebar{z-index:50;background-color:#0a0a0a;border-right:1px solid #2a2a2a;border-radius:8px;flex-direction:column;gap:0;width:560px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:2px;bottom:10px;left:10px}.sidebar-backdrop{z-index:49;background-color:#00000080;display:block;position:fixed;inset:2px 0 0}.sidebar-close-button{color:#888;cursor:pointer;z-index:10;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.sidebar-close-button:hover{opacity:1;color:#fff}.sidebar-header{border-bottom:1px solid #2a2a2a;padding:20px}.profile-compact{align-items:center;gap:12px;display:flex}.profile-avatar-small{object-fit:cover;border:2px solid #2a2a2a;border-radius:50%;width:48px;height:48px}.profile-info-compact{flex:1;min-width:0}.profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.contact-info-compact{flex-direction:column;gap:2px;display:flex}.contact-link{color:#5fa3d0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;text-decoration:none;overflow:hidden}.contact-link:hover{text-decoration:underline}.contact-location-small{color:#888;font-size:12px}.sidebar-actions{border-bottom:1px solid #2a2a2a;padding:16px 20px}.new-chat-button{color:#fff;cursor:pointer;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:500;transition:all .2s;display:flex}.new-chat-button:hover{background-color:#2a2a2a;border-color:#fff}.new-chat-icon{font-size:18px;font-weight:300}.sidebar-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.chat-history-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.chat-history-list{flex-direction:column;gap:4px;display:flex}.no-chats{color:#666;text-align:center;padding:20px;font-size:14px}.chat-history-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:14px 16px;transition:background-color .2s;display:flex;position:relative}.chat-history-item:hover{background-color:#1a1a1a}.chat-history-item.active{background-color:#2a2a2a}.chat-item-content{flex:1;min-width:0}.chat-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:18px;overflow:hidden}.chat-item-date{color:#666;font-size:14px}.chat-item-delete{color:#666;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:20px;line-height:1;transition:all .2s;display:flex}.chat-history-item:hover .chat-item-delete{opacity:1}.chat-item-delete:hover{color:#f44;background-color:#3a3a3a}@media (hover:none){.chat-item-delete{opacity:1}}@media (width>=769px){.chat-sidebar{transform:translate(0)}.chat-sidebar:not(.open){transform:translate(calc(-100% - 10px))}}@media (width<=768px){.chat-sidebar{border-radius:0;width:75%;max-width:none;top:0;bottom:0;left:0;transform:translate(-100%)}.chat-sidebar.open{transform:translate(0)}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .2s}.chat-sidebar:hover .sidebar-content::-webkit-scrollbar-thumb{background:#2a2a2a}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#3a3a3a!important}.chat-container{--chat-max-width:44rem;color:#e0e0e0;background-color:#0a0a0a;height:100dvh;font-family:Courier New,Courier,monospace;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.chat-container{height:100vh}}@media (width<=1024px){.chat-container{height:100%!important}}.chat-content-rail{width:100%;max-width:var(--chat-max-width);box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.chat-sidebar-toggle{top:70px;left:calc(50% - var(--chat-max-width) / 2 - 40px);z-index:51;color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .2s;display:flex;position:fixed}.chat-sidebar-toggle:hover{opacity:1}@media (width<=900px){.chat-sidebar-toggle{left:20px}}.chat-container .chat-scroll-section{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-container .chat-scroll-section:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(#0a0a0a 0% 60%,#0000 100%);height:85px;position:absolute;top:0;left:0;right:0}.chat-container .chat-scroll-section.sidebar-open:before{display:none}.chat-viewport{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;padding:120px 0 30px;display:flex;overflow:hidden auto}@media (prefers-reduced-motion:no-preference){.chat-messages{scroll-behavior:smooth}}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#444}@media (width<=769px){.chat-messages{scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}}.conversation-history{width:100%;max-width:var(--chat-max-width);box-sizing:border-box;flex-direction:column;gap:20px;min-height:100%;margin-left:auto;margin-right:auto;padding:0 30px 30px;animation:.4s ease-in fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-message{color:#606060;text-align:center;width:100%;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:3rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.chat-spacer{flex-grow:1;min-height:2rem}.chat-viewport-footer{width:100%;max-width:var(--chat-max-width);box-sizing:border-box;padding:30px 30px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background-color:#0a0a0a;flex-shrink:0;margin-left:auto;margin-right:auto;position:relative}@media (width>=769px) and (width<=1024px){.chat-messages{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;padding:100px 0 20px!important}.conversation-history{min-height:0!important;padding:0 30px 20px!important}.chat-viewport-footer{max-width:100%;padding:15px 30px;padding-bottom:calc(15px + env(safe-area-inset-bottom));z-index:20;background-color:#0a0a0a;margin:0;position:sticky;bottom:0;left:0;right:0}}@media (width>=1025px){.chat-viewport-footer{padding:40px 30px 60px;padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.message{flex-direction:column;gap:8px;display:flex}.message.user{animation:.15s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.message.user .message-content{color:#fff;text-align:left;box-sizing:border-box;word-wrap:break-word;background-color:#2a2a2a;border-radius:4px;max-width:80%;padding:12px 16px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:1.05rem;line-height:1.8}.message.assistant{align-items:flex-start;width:100%;display:flex}.message.assistant .message-content{color:#ce9178;text-align:left;box-sizing:border-box;background-color:#ce91780d;border-radius:4px;max-width:90%;padding:12px 16px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:1.05rem;line-height:1.8}.message.assistant .message-content p{text-align:left;margin:0 0 1.2em}.message.assistant .message-content p:last-child{margin-bottom:0}.ai-loading-indicator{align-self:flex-start;align-items:flex-start;min-height:44px;padding:12px 16px;display:flex}.loading-dot{background-color:#ce9178;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite loadingPulse;box-shadow:0 0 8px #ce917899}@keyframes loadingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.jump-to-bottom-button{color:#d0d0d0;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(8px);background-color:#2a2a2af2;border:1px solid #444;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:.85rem;transition:all .2s;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.jump-to-bottom-button:hover{background-color:#2f2f2ff2;border-color:#555;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #0009}.jump-to-bottom-button:active{transform:translate(-50%)translateY(0);box-shadow:0 2px 8px #0006}.jump-to-bottom-button svg{color:#ce9178;width:16px;height:16px}.jump-to-bottom-button span{color:#e0e0e0;font-weight:500}@media (width<=1024px){.jump-to-bottom-button{padding:7px 12px;font-size:.8rem;bottom:90px}.jump-to-bottom-button svg{width:14px;height:14px}}.chat-container .chat-form{box-sizing:border-box;background-color:#0000;width:100%;max-width:none;margin:0;padding:0;animation:none;position:relative;bottom:auto;left:auto;transform:none}.chat-container .chat-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.chat-container .chat-input{color:#e0e0e0;caret-color:#fff;box-sizing:border-box;background-color:#2f2f2f;border:1px solid #444;border-radius:24px;width:100%;padding:16px 56px 16px 20px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #0009}.chat-container .chat-send-button{color:#d0d0d0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.chat-container .chat-send-button:hover:not(:disabled){color:#fff;transform:translateY(-50%)scale(1.1)}.chat-container .chat-send-button:disabled{color:#606060;cursor:not-allowed;opacity:.4}.chat-container .chat-input:focus{border-color:#555;outline:none;box-shadow:0 4px 20px #000c}.chat-container .chat-input::placeholder{color:#606060;font-style:italic}.chat-container .chat-input:disabled{opacity:.6;cursor:not-allowed}@media (width<=769px){.chat-container{--chat-max-width:100%}.chat-messages{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;padding:80px 0 20px!important}.conversation-history{min-height:0!important;padding:0 20px 20px!important}.chat-viewport-footer{max-width:100%;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;background-color:#0a0a0a;margin:0;position:sticky;bottom:0;left:0;right:0}.message.user .message-content,.message.assistant .message-content{padding:10px 12px;font-size:.95rem}.chat-input{border-radius:22px;height:44px;min-height:44px;padding:12px 56px 12px 16px;font-size:16px;line-height:1.2}.chat-container .chat-send-button{width:44px;height:44px;font-size:18px;right:10px}}@media (width<=480px){.chat-messages{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;padding:80px 0 20px!important}.conversation-history{min-height:0!important;padding:0 15px 20px!important}.chat-viewport-footer{padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.message.user .message-content,.message.assistant .message-content{padding:8px 10px;font-size:.9rem}.chat-input{border-radius:22px;height:44px;min-height:44px;padding:12px 56px 12px 14px;font-size:16px}.chat-container .chat-send-button{width:44px;height:44px;font-size:16px;right:8px}}.image-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal,2000);background-color:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@media (width<=768px){.image-modal-overlay{-webkit-backdrop-filter:none;background-color:#000000f2}}.image-modal-close{color:#999;cursor:pointer;z-index:1001;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:28px;transition:all .2s;display:flex;position:fixed;top:20px;right:20px}.image-modal-close:hover{color:#fff;transform:scale(1.15)}.image-modal-close:focus-visible{outline-offset:2px;outline:2px solid #4af626}.image-modal-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;animation:.3s ease-in-out zoomIn;display:flex;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-modal-img{object-fit:contain;border:2px solid #333;border-radius:4px;max-width:100%;max-height:90vh;box-shadow:0 8px 32px #00000080}.ghiblify-button,.undo-button{color:#999;cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#1a1a1ab3;border:1px solid #999;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}.ghiblify-button:hover,.undo-button:hover{color:#0a0a0a;background-color:#ccc;transform:scale(1.1)rotate(10deg);box-shadow:0 6px 20px #00000080}.ghiblify-button:active,.undo-button:active{transform:scale(.95)}.ghiblify-button:focus-visible,.undo-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}@media (width<=768px){.image-modal-overlay{padding:0}.image-modal-close{width:36px;height:36px;top:10px;right:10px}.image-modal-content{max-width:100vw;max-height:100vh}.image-modal-img{max-height:100vh}.ghiblify-button,.undo-button{bottom:calc(15px + env(safe-area-inset-bottom));right:calc(15px + env(safe-area-inset-right));width:56px;height:56px}}.profile-container{color:#e0e0e0;background-color:#0a0a0a;height:100dvh;font-family:Courier New,Courier,monospace;display:flex;position:relative;overflow:hidden}.profile-scroll-section,.chat-scroll-section{display:contents}@media (width>=769px){.profile-scroll-section,.chat-scroll-section{display:contents}}.profile-sidebar{background-color:#0f0f0f;border-right:1px solid #333;flex-shrink:0;width:324px;padding:20px;overflow:hidden}.profile-image-container{cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:20px;position:relative}.profile-image-container.dropdown-open{pointer-events:none}.profile-image-placeholder{aspect-ratio:1;color:gray;background-color:#1a1a1a;border:2px solid #333;border-radius:4px;justify-content:center;align-items:center;width:100%;font-size:.85rem;display:flex}.profile-image{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:#1a1a1a;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #333;border-radius:4px;width:100%;position:relative;overflow:hidden}.contact-info{background-color:#0a0a0a;border:1px solid #2a2a2a;border-radius:4px;flex-direction:column;gap:12px;padding:20px;display:flex}.contact-item{text-transform:lowercase;grid-template-columns:40px 1fr;align-items:center;gap:8px;font-size:.9rem;display:grid}.contact-email{color:#4af626;text-decoration:none}.contact-email:hover{color:#5fff35;text-decoration:none}.contact-location{color:#4af626}.profile-main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;min-height:0;max-height:100%;margin-bottom:112px;padding:30px 30px 60px;display:flex;overflow:hidden}@media (prefers-reduced-motion:no-preference){.profile-main{scroll-behavior:smooth}}.profile-header{padding:20px 0;padding-top:max(20px, env(safe-area-inset-top));z-index:15;background-color:#0a0a0a;border-bottom:1px solid #333;flex-shrink:0;width:100%;max-width:704px;margin-bottom:30px;position:sticky;top:0}.profile-header:before{content:"";z-index:-1;background-color:#0a0a0a;height:100vh;position:absolute;top:-100vh;left:0;right:0}.profile-title{color:#5fa3d0;letter-spacing:.05em;text-shadow:0 0 10px #5fa3d04d;text-align:left;width:100%;margin:0 0 10px;font-size:2rem;font-weight:400;display:block}.profile-title span{transition:opacity .1s}.profile-subtitle{color:gray;text-align:left;margin:0;font-size:1rem}.profile-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:flex-start;gap:30px;width:100%;min-width:0;max-width:704px;min-height:0;max-height:100%;display:flex;overflow:hidden auto}.profile-main::-webkit-scrollbar{width:8px}.profile-main::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.profile-main::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.profile-main::-webkit-scrollbar-thumb:hover{background:#444}.bio-thinking{align-self:flex-start;align-items:center;gap:5px;width:100%;padding:20px 0;animation:.3s ease-in fadeIn;display:flex}.thinking-text{color:#ce9178;font-family:Courier New,Courier,monospace;font-size:1rem;font-style:italic}.thinking-dots:after{content:"...";color:#ce9178;font-family:Courier New,Courier,monospace;animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%,25%{content:"."}26%,50%{content:".."}51%,75%{content:"..."}76%,to{content:""}}.bio-text{color:#ce9178;text-align:left;align-self:flex-start;width:100%;padding-bottom:40px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:1.05rem;line-height:1.8;animation:.4s ease-in fadeIn;position:relative}.bio-text p{text-align:left;margin:0 0 1.2em}.bio-text p:last-child{margin-bottom:0}.regenerate-button-inline{color:#ce9178;cursor:pointer;opacity:.5;vertical-align:middle;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:inline-flex}.regenerate-button-inline:hover{opacity:1;transform:scale(1.1)}.regenerate-button-inline:active{transform:scale(.95)}.regenerate-button-inline:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4af626}@media (hover:none){.regenerate-button-inline{opacity:.8}}.chat-form{z-index:10;box-sizing:border-box;background-color:#0a0a0a;width:auto;max-width:704px;margin:0 auto;padding:30px;animation:.6s ease-out slideUpReveal;position:fixed;bottom:0;left:324px;right:0}.chat-form:after{content:"";z-index:-1;background-color:#0a0a0a;height:100vh;position:absolute;bottom:-100vh;left:25px;right:0}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.chat-input{color:#e0e0e0;caret-color:#fff;background-color:#2f2f2f;border:1px solid #444;border-radius:24px;width:100%;padding:16px 56px 16px 20px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 16px #0009}.chat-send-button{color:#d0d0d0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.chat-send-button:hover:not(:disabled){color:#fff;transform:translateY(-50%)scale(1.1)}.chat-send-button:disabled{color:#606060;cursor:not-allowed;opacity:.4}.chat-input:focus{border-color:#555;outline:none;box-shadow:0 4px 20px #000c}.chat-input::placeholder{color:#606060;font-style:italic}.chat-input:disabled{opacity:.6;cursor:not-allowed}@media (width>=769px) and (width<=850px){.chat-form{max-width:510px;padding:30px 8px}}@media (width>=851px) and (width<=1024px){.chat-form{max-width:598px;padding:30px 15px}}@media (width>=1025px) and (width<=1250px){.chat-form{max-width:704px;padding:30px 20px}}@media (width<=769px){.profile-container{-webkit-overflow-scrolling:touch;flex-direction:column;height:100dvh;position:relative;overflow:hidden auto}.profile-scroll-section{z-index:1;flex-direction:column;flex-shrink:0;min-height:auto;margin:0;padding:0;display:flex;position:relative;overflow:visible}.chat-scroll-section{z-index:2;background-color:#0a0a0a;flex-direction:column;flex-shrink:0;min-height:auto;margin-bottom:0;padding-bottom:0;display:flex;position:relative;overflow:visible}.profile-sidebar{border-bottom:none;border-right:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;min-height:auto;padding:0;display:flex}.profile-image-container{flex-shrink:0;width:100vw;max-width:none;height:45vh;margin:0;padding:0;overflow:hidden}.profile-image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}.profile-image-placeholder span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image{-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.profile-image canvas,.profile-image>div{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;margin:0!important;position:absolute!important;inset:0!important}.contact-info{box-sizing:border-box;width:90vw;max-width:500px;margin:2vh auto 1.5vh;padding:1.5vh 4vw;font-size:clamp(1rem,3.5vw,1.25rem)}.contact-item{gap:10px;padding:.4vh 0}.contact-email,.contact-location{font-size:inherit}.contact-item svg,.contact-item canvas{transform:scale(1)}.profile-main{flex-direction:column;min-height:auto;padding:20px 20px 0;display:flex;overflow:visible}.profile-title{font-size:1.75rem}.profile-header{background-color:#0a0a0a;border-bottom:1px solid #333;margin-bottom:10px;padding:0 0 5px;position:static}.profile-header:before{display:none}.profile-content{flex:none;padding-bottom:0;overflow:visible}.bio-text{margin-bottom:0;padding-bottom:0}.chat-form{z-index:1;width:100%;max-width:100%;margin:0;padding:10px 0 80px;position:static;left:auto;right:auto}.chat-form:after{display:none}.chat-input{box-sizing:border-box;border-radius:20px;width:100%;height:40px;min-height:40px;padding:10px 56px 10px 16px;font-size:16px;line-height:1.2}.chat-send-button{width:44px;height:44px;font-size:18px;right:10px}}@media (width<=480px){.profile-main{min-height:auto;padding:15px 15px 0}.profile-title{font-size:1.5rem}.profile-image-container{width:100vw;max-width:none;height:45vh;margin:0;padding:0}.profile-image,.profile-image-placeholder{height:100%;margin:0;padding:0}.contact-info{box-sizing:border-box;width:92vw;max-width:450px;margin:1.5vh auto 0;padding:2.5vh 4vw;font-size:clamp(1.1rem,4.5vw,1.4rem)}.contact-item{gap:12px;padding:.6vh 0}.contact-item svg,.contact-item canvas{transform:scale(1)}.profile-sidebar{justify-content:flex-start;gap:0;padding:0}.chat-form{z-index:1;width:100%;max-width:100%;margin:0;padding:10px 0 0;position:static;left:auto;right:auto}.chat-input{box-sizing:border-box;border-radius:19px;width:100%;height:38px;min-height:38px;padding:8px 56px 8px 14px;font-size:16px}.chat-send-button{width:44px;height:44px;font-size:16px;right:8px}}@media (width>=769px){.profile-sidebar.exit-transition{animation:.4s ease-in-out forwards slideOutLeft}.profile-main.exit-transition{animation:.4s ease-in-out forwards slideOutUp}@keyframes slideOutLeft{0%{transform:translate(0)}12%{transform:translate(18px)}22%{transform:translate(18px)}to{transform:translate(-100%)}}@keyframes slideOutUp{0%{transform:translateY(0)}12%{transform:translateY(18px)}22%{transform:translateY(18px)}to{transform:translateY(-100%)}}}.view-container{width:100%;height:100%}@media (width>=769px){.view-fade-out{animation:.4s ease-in-out forwards fadeOut}.view-fade-in{animation:.4s ease-in-out forwards fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (width<=768px){.view-fade-out,.view-fade-in{animation:none}}:root{--bg-color:#eef2ff;--post-bg:#d6daf0;--post-border:#b7c5d9;--post-hover:#c6cae0;--post-highlight:#d6bad0;--text-color:#000;--link-color:#34345c;--link-hover:#d00;--greentext:#789922;--name-color:#117743;--trip-color:#228854;--subject-color:#0f0c5d;--post-number:#34345c}.chan-container{background:var(--bg-color);color:var(--text-color);box-sizing:border-box;caret-color:#000;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100%;min-height:100%;padding:10px;font-family:arial,helvetica,sans-serif;font-size:10pt;line-height:1.5;animation:none;overflow-y:auto}.chan-container *{caret-color:#000;animation:none}.chan-container a{color:var(--link-color);text-decoration:none}.chan-container a:hover{color:var(--link-hover);text-decoration:underline}.post{margin:4px 0;font-size:10pt}.post.op{margin-bottom:4px;display:block}.post.reply{background:var(--post-bg);border:1px solid var(--post-border);border-radius:0;margin:4px 0;padding:2px 4px;display:block;position:relative;overflow:hidden}.post.reply:before{content:">>";color:var(--post-border);pointer-events:none;font-size:10pt;position:absolute;top:2px;left:-18px}.post.reply:first-of-type{clear:none}.post.reply:not(:first-of-type){clear:both}.post.reply.highlighted{background:var(--post-highlight);border-color:#ba9dbf}.post .intro{clear:both;margin:0;padding:0;font-size:10pt;display:block}.post.reply .intro{clear:none}.post .name{color:var(--name-color);font-weight:700}.post .trip{color:var(--trip-color)}.post .subject{color:var(--subject-color);font-weight:700}.post time{font-size:10pt}.post .post_no{color:var(--text-color);font-size:10pt;display:inline}.post .post_no a{color:var(--post-number);padding:2px 4px;line-height:normal;text-decoration:none;display:inline-block}.post .backlinks{margin-left:4px}.post .post_backlink{color:var(--link-color);margin-left:0;padding:2px 4px;font-size:10pt;line-height:normal;text-decoration:none;display:inline-block}.post .body{word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%;margin:6px 0 0;font-size:10pt;line-height:1.3}.post .quote{color:var(--greentext)}.post .body .post_backlink{color:var(--link-color)}.post .file{float:left;margin:0 10px 15px 0}.post.op>.fileinfo{margin:0 0 4px;padding:0;font-size:9pt;display:block}.post.op .op-content-wrapper{align-items:flex-start;gap:10px;display:flex}.post.op .file{float:none;flex-shrink:0;margin:0}.post.op .op-text-content{flex:1;min-width:0}.post.op .intro{clear:none}.post .fileinfo{margin:0 0 2px;padding:0;font-size:9pt;display:block}.post.reply .reply-fileinfo{clear:none;margin:4px 0 2px}.post .fileinfo a{text-decoration:underline}.post .post-image{cursor:pointer;border:none;display:block}.post .post-image.op-image{width:auto;max-width:min(350px,90vw);height:auto;max-height:350px}.post .post-image.reply-image{width:auto;max-width:min(200px,50vw);height:auto;max-height:200px}.post .post-image.expanded{cursor:zoom-out;z-index:10;width:auto;height:auto;display:block;position:relative;max-width:800px!important;max-height:none!important}.post .file.image-expanded{float:none;margin-bottom:10px}.post .backlinks{color:#707070;margin-left:8px;font-size:9pt;display:inline}.thread-container{max-width:none;padding:10px}.thread{margin-bottom:20px}.thread-main-content{width:100%}.thread-nav{text-align:center;border-top:1px solid var(--post-border);border-bottom:1px solid var(--post-border);width:100%;margin:10px 0;padding:8px 0;font-size:10pt}.thread-nav a{min-height:44px;padding:8px 12px;line-height:28px;display:inline-block}.board-header{text-align:center;width:100%;margin-bottom:20px}.board-header h1{color:#af0a0f;letter-spacing:-1px;margin:10px 0 5px;font-family:Tahoma,sans-serif;font-size:28pt;font-weight:700}.board-header .subtitle{color:#707070;font-size:9pt}.board-header-nav{text-align:center;border-top:1px solid var(--post-border);border-bottom:1px solid var(--post-border);width:100%;margin:10px 0 0;padding:8px 0;font-size:10pt}.board-header-nav a{min-height:44px;color:var(--link-color);padding:8px 12px;line-height:28px;text-decoration:none;display:inline-block}.board-header-nav a:hover{color:var(--link-hover);text-decoration:underline}.board-nav{text-align:center;border-bottom:1px solid var(--post-border);width:100%;margin:10px 0;padding:8px 0}.board-nav-btn{color:var(--link-color);cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 16px;font-family:inherit;font-size:10pt;text-decoration:none}.board-nav-btn:hover{color:var(--link-hover);text-decoration:underline}.board-nav-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4af626}.board-bottom-nav{text-align:center;border-top:1px solid var(--post-border);width:100%;margin:20px 0;padding:8px 0}.board-bottom-nav a{min-height:44px;padding:8px 16px;line-height:28px;display:inline-block}.loading-state{text-align:center;color:#707070;padding:60px 20px;font-size:12pt}.error-state{text-align:center;color:maroon;padding:60px 20px;font-size:12pt;font-weight:700}.empty-state{text-align:center;max-width:600px;margin:0 auto;padding:80px 20px}.empty-state-text{color:#707070;margin-bottom:10px;font-size:16pt}.empty-state-subtext{color:#999;font-size:11pt}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:1px solid var(--post-border);width:100%;max-width:600px;max-height:80vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-close{cursor:pointer;color:var(--text-color);background:0 0;border:none;min-width:44px;min-height:44px;padding:4px 10px;font-size:28px;line-height:1;position:absolute;top:10px;right:10px}.modal-close:hover{color:var(--link-hover)}.modal-close:focus-visible{outline-offset:2px;outline:2px solid #4af626}.modal-title{color:var(--subject-color);margin-top:0;font-size:18pt}.modal-content h3{color:var(--subject-color);margin:20px 0 10px;font-size:13pt}.modal-content ul{margin:10px 0;padding-left:30px}.modal-content li{margin:6px 0;line-height:1.5}.modal-footer{color:#707070;text-align:center;border-top:1px solid var(--post-border);margin-top:30px;padding-top:15px;font-size:9pt}.catalog{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:10px;display:grid}.catalog-thread{background:var(--post-bg);border:1px solid var(--post-border);cursor:pointer;text-align:center;padding:4px}.catalog-thread:hover{background:var(--post-hover)}.catalog-thread img{object-fit:contain;width:100%;height:auto;max-height:200px;margin:0 auto;display:block}.catalog-thread .meta{color:var(--post-number);margin:4px 0 2px;font-size:9pt}.catalog-thread .subject{text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:10pt;font-weight:700;overflow:hidden}.catalog-thread .teaser{color:#707070;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:2px 0;font-size:9pt;display:-webkit-box;overflow:hidden}.post-form{background:var(--post-bg);border:1px solid var(--post-border);max-width:600px;margin:10px auto;padding:8px}.post-form-content{flex-direction:column;gap:10px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--text-color);font-size:10pt;font-weight:400}.form-input,.form-textarea{color:#000;box-sizing:border-box;background:#fff;border:1px solid #aaa;width:100%;padding:4px 6px;font-family:arial,helvetica,sans-serif;font-size:10pt}.form-input:focus,.form-textarea:focus{border-color:var(--link-color);outline:none}.form-textarea{resize:vertical;min-height:80px;line-height:1.4}.char-counter{color:#707070;text-align:right;font-size:9pt}.file-input-wrapper{flex-direction:column;gap:4px;display:flex}.form-file-input{color:#000;font-family:arial,helvetica,sans-serif;font-size:10pt}.file-info{color:#707070;font-size:9pt}.file-required{color:maroon;font-size:9pt;font-weight:700}.form-error{color:maroon;background:#ffe;border:1px solid maroon;border-radius:2px;padding:8px;font-size:9pt}.form-submit{justify-content:flex-end;display:flex}.form-submit-btn{background:var(--post-bg);border:1px solid var(--post-border);color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;min-height:36px;padding:6px 16px;font-family:arial,helvetica,sans-serif;font-size:10pt;display:flex}.form-submit-btn:hover:not(:disabled){background:var(--post-hover);border-color:var(--link-color)}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-submit-btn:focus-visible{outline-offset:2px;outline:2px solid #4af626}.form-submit-btn.uploading{opacity:1;background:var(--post-bg)}.uploading-text{align-items:center;gap:8px;display:inline-flex}.board-notice{border:1px solid var(--post-border);text-align:center;background:#ffe;margin:10px 20px;padding:6px;font-size:9pt}.thread-view{justify-content:flex-start;align-items:flex-start;gap:20px;padding:10px;display:flex;position:relative}.thread-main-content{flex:1;width:100%}.reply-box-sidebar{background:var(--bg-color);border:1px solid var(--post-border);z-index:100;align-self:flex-start;width:300px;max-height:calc(100vh - 20px);margin-left:10px;position:sticky;top:10px;right:10px;overflow-y:auto}.reply-box-header{background:var(--post-bg);border-bottom:1px solid var(--post-border);justify-content:space-between;align-items:center;padding:8px;font-size:10pt;font-weight:700;display:flex}.reply-box-header button{color:var(--text-color)}.reply-box-sidebar .post-form{border:none;max-width:none;margin:0}.reply-toggle-btn{color:var(--link-color);cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 16px;font-family:inherit;font-size:10pt;text-decoration:none}.thread-locked-message{text-align:center;background:var(--post-bg);border:1px solid var(--post-border);color:maroon;max-width:600px;margin:20px auto;padding:20px;font-size:10pt;font-weight:700}.pagination{justify-content:center;align-items:center;gap:20px;margin:10px 0;padding:20px;display:flex}.pagination-btn{background:var(--post-bg);border:1px solid var(--post-border);color:var(--link-color);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:10pt;transition:background-color .2s,color .2s}.pagination-btn:hover:not(:disabled){background:var(--post-hover);color:var(--link-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:#999}.pagination-btn:focus-visible{outline-offset:2px;outline:2px solid #4af626}.pagination-info{color:var(--text-color);font-size:10pt;font-weight:700}.catalog-thumb{object-fit:cover;cursor:pointer;width:100%;height:auto;max-height:200px;margin:0 auto;display:block}@media (width<=768px){.reply-box-sidebar{z-index:1000;border:none;border-radius:0;width:100%;max-height:100vh;margin:0;position:fixed;inset:0}.thread-view{flex-direction:column;gap:0;padding:5px}.thread-main-content{width:100%}.reply-box-header{z-index:10;background:var(--post-bg);padding:12px;font-size:11pt;position:sticky;top:0}.reply-box-sidebar .post-form{height:calc(100% - 45px);padding:10px;overflow-y:auto}.reply-box-sidebar textarea{min-height:150px;font-size:16px}.reply-box-sidebar input[type=file]{font-size:16px}.reply-box-sidebar button{min-height:44px;padding:12px 20px;font-size:14px}.reply-toggle-btn{min-height:48px;padding:10px 20px;font-size:11pt}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{vertical-align:middle;z-index:10;border:3px solid #ddd;border-top-color:#06c;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spinner-rotate;display:inline-block;position:relative;opacity:1!important}.feed-grid-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:20px}.feed-empty-state{text-align:center;color:var(--insta-text-secondary,#8e8e8e);padding:60px 20px;font-size:16px}.feed-empty-state p{margin:0}.feed-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.grid-item{aspect-ratio:1;cursor:pointer;background:var(--card-bg,#f0f0f0);border-radius:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.grid-item:hover{z-index:1;transform:scale(1.02)}.grid-item-image{width:100%;height:100%;position:relative}.grid-item-image img{object-fit:cover;z-index:1;width:100%;height:100%;transition:opacity .3s;display:block;position:relative}.grid-item:hover .grid-item-image img{opacity:.9}.multi-image-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.grid-item:hover .multi-image-indicator{background:#000c;transform:scale(1.1)}.grid-item-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:1;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.grid-item:hover .grid-item-overlay{opacity:1}.grid-item-stats{align-items:center;gap:24px;display:flex}.grid-item-stats .stat{color:#fff;letter-spacing:.3px;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.grid-item-stats svg{filter:drop-shadow(0 1px 2px #0000004d)}.grid-item.skeleton{cursor:default;pointer-events:none}.skeleton-shimmer{background:linear-gradient(90deg, var(--skeleton-base,#e0e0e0) 0%, var(--skeleton-highlight,#f0f0f0) 50%, var(--skeleton-base,#e0e0e0) 100%);z-index:0;background-size:200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.load-more-trigger{width:100%;height:20px}[data-theme=dark] .grid-item{background:#1a1a1a}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#1a1a1a 0%,#2a2a2a 50%,#1a1a1a 100%) 0 0/200% 100%}@media (width<=900px){.feed-grid{gap:3px}.feed-grid-container{padding:12px}.multi-image-indicator{width:24px;height:24px;top:8px;right:8px}.multi-image-indicator svg{width:16px;height:16px}.grid-item-stats .stat{gap:6px;font-size:14px}.grid-item-stats svg{width:18px;height:18px}}@media (width<=600px){.feed-grid{gap:2px}.feed-grid-container{padding:0}.grid-item{border-radius:0}.grid-item:hover{transform:none}.grid-item-overlay{opacity:0}}.grid-item-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:opacity}.grid-item{will-change:transform}.video-player{cursor:pointer;background:#000;width:100%;height:100%;position:relative}.video-element{object-fit:contain;width:100%;height:100%;display:block}.video-overlay{background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-player:hover .video-overlay{opacity:.9}.play-button{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding-left:4px;transition:transform .2s,background .2s;display:flex}.play-button:hover{background:#fff;transform:scale(1.1)}.play-button:active{transform:scale(.95)}.play-button svg{color:#000;width:24px;height:24px}.mute-button{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;bottom:12px;right:12px}.mute-button:hover{background:#000c}.mute-button svg{width:18px;height:18px}@media (width<=768px){.play-button{width:56px;height:56px}.play-button svg{width:20px;height:20px}.mute-button{width:28px;height:28px;bottom:8px;right:8px}.mute-button svg{width:16px;height:16px}}.media-carousel{aspect-ratio:1;background:#000;width:100%;position:relative;overflow:hidden}.media-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-image{object-fit:contain;width:100%;height:100%;display:block}.carousel-button{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button:hover{background:#000000b3}.carousel-button:active{transform:translateY(-50%)scale(.95)}.carousel-button svg{width:20px;height:20px}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-indicators{z-index:10;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel-indicator{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;padding:12px;transition:background .2s,transform .2s}.carousel-indicator:hover{transform:scale(1.2)}.carousel-indicator.active{background:#ffffffe6;transform:scale(1.2)}@media (width<=768px){.media-carousel{aspect-ratio:4/5}.carousel-button{width:44px;min-width:44px;height:44px;min-height:44px}.carousel-button svg{width:18px;height:18px}.carousel-prev{left:8px}.carousel-next{right:8px}}@media (width>=769px){.media-carousel{aspect-ratio:1}}.comment-section{border-top:1px solid var(--insta-border);padding:0}.comments-list{flex-direction:column;gap:16px;max-height:none;display:flex;overflow-y:visible}.comments-empty{text-align:center;color:var(--insta-text-secondary);letter-spacing:.3px;padding:36px 16px;font-size:15px;font-weight:500}.comments-loading,.comments-error{text-align:center;color:var(--insta-text-secondary);letter-spacing:.2px;padding:24px 16px;font-size:14px;font-weight:500}.comments-error{color:var(--insta-heart);font-weight:600}.comments-loading-skeletons{flex-direction:column;gap:20px;padding:16px 0;display:flex}.comment-skeleton{opacity:0;flex-direction:column;gap:8px;animation:.5s ease-out forwards skeletonFadeIn;display:flex}@keyframes skeletonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.skeleton-comment-time{background:linear-gradient(110deg, var(--insta-skeleton-start) 0%, var(--insta-skeleton-mid) 40%, var(--insta-skeleton-start) 80%);background-size:200% 100%;border-radius:5px;width:60px;height:10px;animation:2s ease-in-out infinite shimmerPulse}.skeleton-comment-text-wrapper{flex-direction:column;gap:6px;display:flex}.skeleton-comment-text{background:linear-gradient(110deg, var(--insta-skeleton-start) 0%, var(--insta-skeleton-mid) 40%, var(--insta-skeleton-start) 80%);background-size:200% 100%;border-radius:7px;width:100%;height:14px;animation:2s ease-in-out infinite shimmerPulse}.skeleton-comment-text.short{width:70%}.skeleton-comment-actions{align-items:center;gap:12px;margin-top:2px;display:flex}.skeleton-action-btn{background:linear-gradient(110deg, var(--insta-skeleton-start) 0%, var(--insta-skeleton-mid) 40%, var(--insta-skeleton-start) 80%);background-size:200% 100%;border-radius:8px;width:32px;height:16px;animation:2s ease-in-out infinite shimmerPulse}@keyframes shimmerPulse{0%,to{opacity:1;background-position:200% 0}50%{opacity:.8;background-position:-20% 0}}.comment-item{flex-direction:column;gap:8px;padding-left:0;transition:padding-left .2s;display:flex}.comment-item-new{animation:.4s cubic-bezier(.4,0,.2,1) commentSlideIn}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.comment-item-optimistic{opacity:.7;transition:opacity .3s}.comment-item.depth-1{border-left:2px solid var(--insta-border);padding-left:24px}.comment-item.depth-2{border-left:2px solid var(--insta-border);padding-left:48px}.comment-item.depth-3{border-left:2px solid var(--insta-border);padding-left:72px}.comment-content{flex-direction:column;gap:6px;display:flex}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-time{color:var(--insta-text-secondary);font-size:12px}.comment-text{color:var(--insta-text);word-wrap:break-word;white-space:pre-wrap;font-size:14px;line-height:1.5}.comment-actions{align-items:center;gap:12px;margin-top:2px;display:flex}.comment-like-btn,.comment-reply-btn{cursor:pointer;color:var(--insta-text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.comment-like-btn:hover{background:var(--hover-bg,#0000000d);color:var(--insta-text)}.comment-reply-btn{border-radius:0;padding:4px}.comment-reply-btn:hover{color:var(--insta-text);opacity:.7;background:0 0}.comment-like-btn.liked,.comment-like-btn.liked:hover{color:var(--insta-heart,#ed4956)}.comment-like-btn:focus-visible,.comment-reply-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4af626}.like-count{font-size:12px}.reply-limit-message{color:var(--insta-text-secondary);letter-spacing:.2px;padding:6px 12px;font-size:12px;font-weight:500}.reply-form-container{margin-top:4px;padding-left:8px}.reply-form{align-items:center;gap:8px;display:flex}.reply-input{background:var(--insta-bg,#fafafa);border:1px solid var(--insta-border);color:var(--insta-text);caret-color:var(--insta-text,#262626);border-radius:20px;outline:none;flex:1;padding:8px 16px;font-size:16px;transition:border-color .2s}.reply-input::placeholder{color:var(--insta-text-secondary,#8e8e8e);opacity:1;transition:opacity .2s}.reply-input:focus::placeholder{opacity:0}.reply-input:focus{border-color:var(--insta-text-secondary)}.reply-button-wrapper{flex-shrink:0;position:relative}.reply-submit-btn{background:var(--insta-link);color:var(--insta-card-bg);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;padding:6px 14px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.reply-submit-btn svg{stroke:var(--insta-card-bg)}.reply-submit-btn:hover:not(:disabled){opacity:.8}.reply-submit-btn:disabled{opacity:.7;cursor:wait}.reply-submit-btn:focus-visible{outline-offset:2px;outline:2px solid #4af626}.comment-replies{flex-direction:column;gap:8px;margin-top:8px;display:flex}.toggle-replies-btn{cursor:pointer;color:var(--insta-text-secondary);background:0 0;border:none;border-radius:4px;align-self:flex-start;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.toggle-replies-btn:hover{background:var(--hover-bg,#0000000d);color:var(--insta-text)}.toggle-replies-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4af626}.toggle-replies-btn svg{flex-shrink:0}.replies-list{flex-direction:column;gap:16px;margin-top:8px;display:flex}.comment-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.comment-text-input{background:var(--insta-bg,#fafafa);border:1px solid var(--insta-border);color:var(--insta-text);caret-color:var(--insta-text,#262626);border-radius:20px;outline:none;padding:8px 16px;font-size:16px;transition:border-color .2s}.comment-text-input::placeholder{color:var(--insta-text-secondary,#8e8e8e);opacity:1;transition:opacity .2s}.comment-text-input:focus::placeholder{opacity:0}.comment-text-input:focus{border-color:var(--insta-text-secondary)}.comment-input-row{align-items:center;gap:8px;display:flex}.comment-text-input{flex:1}.comment-button-wrapper{flex-shrink:0;position:relative}.comment-submit-button{color:var(--insta-link);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.comment-submit-button:hover:not(:disabled){opacity:.7}.comment-submit-button:disabled{opacity:.7;cursor:wait}.comment-submit-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.comment-error{color:var(--insta-heart);letter-spacing:.2px;padding:6px 12px;font-size:13px;font-weight:500;animation:.2s fadeIn}.validation-tooltip{background:var(--insta-heart,#ed4956);color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;letter-spacing:.2px;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) tooltipSlideIn;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 8px 24px #ed495659,0 2px 8px #00000026}.validation-tooltip:after{content:"";border:7px solid #0000;border-top-color:var(--insta-heart,#ed4956);filter:drop-shadow(0 2px 2px #0000000d);position:absolute;top:100%;right:20px}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(8px)scale(.95)}60%{opacity:1;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .comment-item.depth-1,[data-theme=dark] .comment-item.depth-2,[data-theme=dark] .comment-item.depth-3{border-left-color:#3a3a3a}[data-theme=dark] .comment-like-btn:hover,[data-theme=dark] .toggle-replies-btn:hover{background:#ffffff1a}[data-theme=dark] .comment-reply-btn:hover{opacity:.7;background:0 0}[data-theme=dark] .reply-input,[data-theme=dark] .comment-text-input{color:#e0e0e0;caret-color:#e0e0e0;background:#2a2a2a;border-color:#3a3a3a}[data-theme=dark] .reply-input:focus,[data-theme=dark] .comment-text-input:focus{border-color:#4a4a4a}[data-theme=dark] .validation-tooltip{background:var(--insta-heart,#ff3040);color:#fff;box-shadow:0 8px 24px #ff304066,0 2px 8px #0000004d}[data-theme=dark] .validation-tooltip:after{border-top-color:var(--insta-heart,#ff3040)}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:var(--insta-border);border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:var(--insta-text-secondary)}@media (width<=768px){.comment-section{padding:0}.comment-item.depth-1{padding-left:16px}.comment-item.depth-2{padding-left:32px}.comment-item.depth-3{padding-left:48px}.comment-input-row{flex-wrap:wrap}.comment-submit-button{align-self:flex-end}.comment-actions{gap:8px}.reply-form{flex-direction:column;align-items:stretch}.reply-submit-btn{align-self:flex-end}}.comment-like-btn,.comment-reply-btn,.toggle-replies-btn{will-change:background}.comment-item-new{will-change:transform, opacity}.post-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal,2000);background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.4,0,.2,1) modalFadeIn;display:flex;position:fixed;inset:0}@media (width<=768px){.post-modal-overlay{-webkit-backdrop-filter:none;background:#000000eb}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.post-modal-container{background:var(--card-bg,#fff);border-radius:12px;width:100%;max-width:1200px;max-height:90dvh;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideIn;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.post-modal-close{top:16px;top:max(16px, env(safe-area-inset-top));right:16px;right:max(16px, env(safe-area-inset-right));z-index:10;color:#a0a0a0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute}.post-modal-close:hover{color:#606060;transform:scale(1.1)}.post-modal-close:active{transform:scale(.95)}.post-modal-close:focus-visible{outline-offset:2px;outline:2px solid #4af626}.post-modal-content{height:90dvh;max-height:900px;display:flex}.post-modal-media{-webkit-user-select:none;user-select:none;z-index:1;background:#000;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.post-modal-media .media-carousel{width:100%;height:100%}.double-click-heart{pointer-events:none;z-index:100;animation:1s cubic-bezier(.4,0,.2,1) forwards heartBurst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.double-click-heart svg{filter:drop-shadow(0 0 20px #ffffff80)}@keyframes heartBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.5)}}.post-modal-sidebar{background:var(--card-bg,#fff);border-left:1px solid var(--border-color,#e0e0e0);flex-direction:column;width:420px;display:flex}.post-modal-header{border-bottom:1px solid var(--border-color,#e0e0e0);padding:16px 20px}.post-modal-user{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--accent-color,#1877f2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-name{color:var(--text-primary,#1a1a1a);font-size:15px;font-weight:600}.post-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px;display:flex;overflow-y:auto}.modal-caption-timestamp-section{flex-direction:column;align-self:flex-start;gap:8px;width:100%;margin-bottom:20px;padding-bottom:20px;display:flex}.modal-caption,.modal-caption-empty{flex-direction:column;gap:4px;display:flex}.caption-empty-text{color:var(--text-secondary,#8e8e8e);letter-spacing:.2px;font-size:14px;font-weight:500;line-height:1.5}.caption-user{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.caption-text{color:#000;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.caption-time{color:var(--text-secondary,#8e8e8e);margin-top:4px;font-size:12px}.modal-caption-timestamp-section .modal-timestamp{color:var(--text-secondary,#8e8e8e);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.modal-comments-display{flex:1;align-self:flex-start;width:100%;margin-top:4px}.modal-comments-display .comment-section{background:0 0;border:none;padding:0}.modal-comments-display .comments-list{max-height:none;padding:0}.post-modal-footer{flex-direction:column;flex-shrink:0;gap:16px;padding:16px 20px 20px;display:flex}.modal-comment-form{padding-top:0}.modal-comment-form .comment-form{margin:0}.modal-footer-row{align-items:center;gap:16px;display:flex}.modal-actions{align-items:center;gap:12px;display:flex}.modal-action-button{cursor:pointer;min-width:44px;min-height:44px;color:var(--text-primary,#1a1a1a);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.modal-action-button:hover{background:var(--hover-bg,#0000000d);transform:scale(1.05)}.modal-action-button:active{transform:scale(.95)}.modal-action-button:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #4af626}.modal-action-button.like-button.liked{color:#ed4956;animation:.4s cubic-bezier(.4,0,.2,1) likeAnimation}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.modal-likes{color:var(--text-primary,#1a1a1a);flex-shrink:0;font-size:14px;font-weight:600}.modal-timestamp{color:var(--text-secondary,#8e8e8e);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-left:auto;font-size:12px}[data-theme=dark] .post-modal-container{background:#1a1a1a}[data-theme=dark] .post-modal-sidebar{background:#1a1a1a;border-left-color:#2a2a2a}[data-theme=dark] .post-modal-header{border-bottom-color:#2a2a2a}[data-theme=dark] .caption-text{color:#e0e0e0}[data-theme=dark] .modal-action-button:hover{background:#ffffff1a}.post-modal-body::-webkit-scrollbar{width:8px}.post-modal-body::-webkit-scrollbar-track{background:0 0}.post-modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-color,silver);border-radius:4px}.post-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover,#a0a0a0)}[data-theme=dark] .post-modal-body::-webkit-scrollbar-thumb{background:#3a3a3a}[data-theme=dark] .post-modal-body::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (width>=901px){.post-modal-close{left:16px;right:auto;left:max(16px, env(safe-area-inset-left));color:#fff;background:#000000b3;border-radius:50%}.post-modal-close:hover{color:#fff;background:#000000d9}}@media (width<=1024px){.post-modal-sidebar{width:380px}}@media (width<=900px){.post-modal-content{flex-direction:column;height:auto;max-height:90dvh}.post-modal-media{z-index:1;flex-shrink:0;height:45dvh;max-height:400px}.post-modal-sidebar{z-index:2;border-left:none;flex:1;width:100%;min-height:0;max-height:none;position:relative;overflow:hidden}.post-modal-body{flex:1;min-height:0;overflow-y:auto}.post-modal-container{flex-direction:column;max-height:95dvh;display:flex}.post-modal-close{right:16px;right:max(16px, env(safe-area-inset-right));color:#a0a0a0;background:0 0;left:auto}.post-modal-close:hover{color:#606060;background:0 0}[data-theme=dark] .post-modal-close{color:#e0e0e0}[data-theme=dark] .post-modal-close:hover{color:#fff}}@media (width<=600px){.post-modal-overlay{padding:0}.post-modal-container{border-radius:0;max-width:100%;height:100dvh;max-height:100dvh}.post-modal-content{height:100dvh;max-height:100dvh}.post-modal-close{top:12px;top:max(12px, env(safe-area-inset-top));right:12px;right:max(12px, env(safe-area-inset-right))}.post-modal-media{height:40dvh;max-height:400px}.post-modal-sidebar{flex:1;max-height:60dvh}.post-modal-body{padding:12px 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));gap:12px;overflow-y:auto}.post-modal-footer{padding:12px 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));gap:12px}.modal-footer-row{gap:12px}.modal-comment-form{padding-top:0}.modal-caption-timestamp-section{margin-bottom:12px;padding-bottom:12px}}.post-modal-overlay,.post-modal-container{will-change:opacity, transform}.modal-action-button{will-change:transform}.feed{background:var(--insta-bg,#fafafa);width:100%;min-height:100%}.feed-loading,.feed-error,.feed-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.feed-error p{color:var(--insta-text);margin-bottom:16px}.feed-empty p{color:var(--insta-text-secondary);margin:8px 0;font-size:16px}.feed-empty-subtitle{font-size:14px!important}.retry-button{background:var(--insta-button-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.retry-button:hover{background:var(--insta-button-hover)}.post-skeleton{background:var(--insta-card-bg);border:1px solid var(--insta-border);opacity:0;border-radius:8px;margin-bottom:20px;padding:16px;animation:.6s ease-out forwards skeletonFadeIn;box-shadow:0 1px 3px #0000000d}.skeleton-header-wrapper{align-items:center;gap:12px;margin-bottom:12px;display:flex}.skeleton-avatar{background:linear-gradient(110deg, var(--insta-skeleton-start) 0%, var(--insta-skeleton-mid) 40%, var(--insta-skeleton-start) 80%);background-size:200% 100%;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:2s ease-in-out infinite shimmerPulse}.skeleton-header-text{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-username{border-radius:6px;width:120px;height:12px}.skeleton-timestamp{border-radius:5px;width:80px;height:10px}.skeleton-media{background:linear-gradient(110deg, var(--insta-skeleton-start) 0%, var(--insta-skeleton-mid) 40%, var(--insta-skeleton-start) 80%);background-size:200% 100%;border-radius:4px;width:100%;height:400px;margin-bottom:12px;animation:2s ease-in-out infinite shimmerPulse;position:relative;overflow:hidden}.skeleton-media:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);animation:2.5s ease-in-out infinite shimmerWave;position:absolute;inset:0}.skeleton-actions-wrapper{gap:12px;margin-bottom:12px;display:flex}.skeleton-action-icon{border-radius:50%;width:24px;height:24px}.skeleton-likes{border-radius:7px;width:80px;height:14px;margin-bottom:8px}.skeleton-caption-wrapper{flex-direction:column;gap:6px;display:flex}.skeleton-caption-line{border-radius:6px;width:100%;height:12px}.skeleton-caption-line.short{width:60%}.skeleton{background:linear-gradient(110deg, var(--insta-skeleton-start) 0%, var(--insta-skeleton-mid) 40%, var(--insta-skeleton-start) 80%);background-size:200% 100%;border-radius:4px;animation:2s ease-in-out infinite shimmerPulse}@keyframes shimmerWave{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.feed-loading-more{color:var(--insta-text-secondary);justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.spinner{border:2px solid var(--insta-border);border-top-color:var(--insta-text);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feed-end{text-align:center;color:var(--insta-text-secondary);padding:40px 20px}.feed-sentinel{visibility:hidden;height:1px}@media (width<=768px){.feed{padding:10px 0}.feed-container{padding:0 8px}.post-skeleton{margin-bottom:16px;padding:12px}.skeleton-media{height:320px}.skeleton-avatar{width:36px;height:36px}.skeleton-username{width:100px}.skeleton-timestamp{width:70px}}.instagram{background:var(--insta-bg);width:100%;height:100%;color:var(--insta-text);transition:background .3s,color .3s;overflow-y:auto}.instagram[data-theme=light]{--insta-bg:#fafafa;--insta-card-bg:#fff;--insta-text:#262626;--insta-text-secondary:#8e8e8e;--insta-border:#dbdbdb;--insta-heart:#ed4956;--insta-link:#0095f6;--insta-button-bg:#0095f6;--insta-button-hover:#1877f2;--insta-skeleton:#f0f0f0;--insta-skeleton-start:#e8e8e8;--insta-skeleton-mid:#f5f5f5}.instagram[data-theme=dark]{--insta-bg:#0a0a0a;--insta-card-bg:#1a1a1a;--insta-text:#fafafa;--insta-text-secondary:#a8a8a8;--insta-border:#262626;--insta-heart:#ff3040;--insta-link:#fff;--insta-button-bg:#fff;--insta-button-hover:#e0e0e0;--insta-skeleton:#2a2a2a;--insta-skeleton-start:#1f1f1f;--insta-skeleton-mid:#2f2f2f}.instagram-header{z-index:100;background:var(--insta-card-bg);border-bottom:1px solid var(--insta-border);padding-top:max(0px, env(safe-area-inset-top));position:sticky;top:0}.instagram-header-content{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:6px 20px;display:flex}.instagram-logo{align-items:center;gap:0;height:100%;display:flex}.instagram-camera-icon{flex-shrink:0;display:block;transform:translateY(-2px)}.instagram-logo-img{object-fit:contain;flex-shrink:0;width:auto;height:58px;display:block}.instagram::-webkit-scrollbar{width:8px}.instagram::-webkit-scrollbar-track{background:var(--insta-bg)}.instagram::-webkit-scrollbar-thumb{background:var(--insta-border);border-radius:4px}.instagram::-webkit-scrollbar-thumb:hover{background:var(--insta-text-secondary)}@media (width<=768px){.instagram-header{padding-top:max(0px, env(safe-area-inset-top))}.instagram-header-content{padding:6px 12px}.instagram-logo-img{height:46px}}@media (width<=480px){.instagram-logo-img{height:40px}.instagram-camera-icon{width:30px;height:30px}}.transport-container{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.transport-controls{gap:var(--spacing-sm);display:flex}.transport-button{color:#ccc;cursor:pointer;width:48px;height:48px;font-size:1.2rem;font-family:var(--font-mono);background-color:#3a3a3a;border:1px solid #000;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.pause-icon{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.pause-icon:before,.pause-icon:after{content:"";background-color:currentColor;width:4px;height:16px}.stop-icon{background-color:currentColor;width:14px;height:14px}.transport-button:hover{background-color:#4a4a4a}.transport-button:active{transform:scale(.95)}.transport-button.active{color:#000;background-color:#ff9f00;border-color:#ff9f00}.transport-button.play-button.active{color:#000;background-color:#0f0;border-color:#0f0}.transport-button.play-button.active:hover{background-color:#3f3}.transport-button.pause-button.active{color:#fff;background-color:red;border-color:red}.transport-button.pause-button.active:hover{background-color:#f33}.transport-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.bpm-control{align-items:center;gap:var(--spacing-sm);background-color:#3a3a3a;border:1px solid #000;border-radius:2px;padding:8px 12px;display:flex}.bpm-control label{color:gray;font-size:.9rem;font-weight:700}.bpm-slider{appearance:none;background:#555;border-radius:3px;outline:none;width:120px;height:6px}.bpm-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff9f00;border-radius:50%;width:18px;height:18px;transition:background .2s}.bpm-slider::-webkit-slider-thumb:hover{background:#ffb933}.bpm-slider:focus-visible{outline-offset:2px;outline:2px solid #4af626}.bpm-slider::-moz-range-thumb{cursor:pointer;background:#ff9f00;border:none;border-radius:50%;width:18px;height:18px;transition:background .2s}.bpm-slider::-moz-range-thumb:hover{background:#ffb933}.bpm-display{text-align:center;color:#ff9f00;min-width:40px;font-size:1.1rem;font-weight:700}.step-indicator{align-items:center;gap:var(--spacing-sm);background-color:#3a3a3a;border:1px solid #000;border-radius:2px;padding:8px 12px;display:flex}.step-indicator span{color:gray;min-width:80px;font-size:.9rem}.step-dots{gap:4px;display:flex}.step-dot{background-color:#555;border-radius:50%;width:8px;height:8px;transition:background-color .1s}.step-dot.active{background-color:#ff9f00;box-shadow:0 0 8px #ff9f00}@media (width<=768px){.transport-container{gap:var(--spacing-sm)}.transport-button{width:44px;height:44px;font-size:1rem}.bpm-slider{width:100px}.step-indicator{width:100%}.step-dots{flex:1;justify-content:space-between}}@media (width<=480px){.transport-controls{gap:6px}.transport-button{width:40px;height:40px}.bpm-control{flex:1;min-width:0}.bpm-slider{width:80px}.step-indicator span{min-width:70px;font-size:.85rem}.step-dot{width:6px;height:6px}}.tracklist-wrapper{gap:var(--spacing-md);align-items:stretch;display:flex}.tracklist-container{flex-direction:column;flex:1;gap:8px;display:flex}.tracklist-header{padding:8px var(--spacing-sm);color:gray;background-color:#2a2a2a;border:1px solid #000;border-radius:2px;grid-template-columns:100px 110px 120px 90px 70px;gap:8px;font-size:.85rem;font-weight:700;display:grid}.track-row{padding:var(--spacing-sm);background-color:#2a2a2a;border:1px solid #000;border-radius:2px;grid-template-columns:100px 110px 120px 90px 70px;align-items:center;gap:8px;transition:border-color .2s;display:grid}.track-row:hover{border-color:#555}.track-name{color:#ccc;align-items:center;gap:8px;font-weight:700;display:flex}.track-indicator{background-color:#555;border-radius:50%;width:12px;height:12px;transition:background-color .2s}.track-indicator.armed{background-color:#f33;box-shadow:0 0 8px #f33}.track-controls{gap:4px;display:flex}.track-button{color:gray;cursor:pointer;width:32px;height:32px;font-size:.85rem;font-weight:700;font-family:var(--font-mono);background-color:#3a3a3a;border:1px solid #000;border-radius:2px;transition:all .2s}.track-button:hover{color:#ccc;background-color:#4a4a4a}.track-button.active{color:#000;background-color:#ff9f00;border-color:#ff9f00}.track-button:first-child.active{color:#fff;background-color:#f33;border-color:#f33}.track-volume,.track-pan{align-items:center;gap:8px;display:flex}.volume-slider,.pan-slider{appearance:none;background:#555;border-radius:3px;outline:none;flex:1;height:6px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff9f00;border-radius:50%;width:16px;height:16px;transition:background .2s}.pan-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff9f00;border-radius:50%;width:16px;height:16px;transition:background .2s}.volume-slider::-webkit-slider-thumb:hover{background:#ffb933}.pan-slider::-webkit-slider-thumb:hover{background:#ffb933}.volume-slider::-moz-range-thumb{cursor:pointer;background:#ff9f00;border:none;border-radius:50%;width:16px;height:16px;transition:background .2s}.pan-slider::-moz-range-thumb{cursor:pointer;background:#ff9f00;border:none;border-radius:50%;width:16px;height:16px;transition:background .2s}.volume-slider::-moz-range-thumb:hover{background:#ffb933}.pan-slider::-moz-range-thumb:hover{background:#ffb933}.volume-value,.pan-value{text-align:right;color:gray;min-width:38px;font-size:.8rem}.clear-button{color:gray;cursor:pointer;width:100%;height:32px;font-size:.85rem;font-family:var(--font-mono);background-color:#3a3a3a;border:1px solid #000;border-radius:2px;transition:all .2s}.clear-button:hover{color:#fff;background-color:#d85a00;border-color:#d85a00}.master-channel-vertical{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:#2a2a2a;border:2px solid #ff9f00;border-radius:2px;flex-direction:column;min-width:70px;display:flex}.master-label{color:#ff9f00;letter-spacing:1px;writing-mode:horizontal-tb;font-size:.75rem;font-weight:700}.master-slider-container{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;width:100%;display:flex}.master-slider-vertical{appearance:none;writing-mode:vertical-lr;direction:rtl;background:#555;border-radius:4px;outline:none;width:8px;height:200px}.master-slider-vertical::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff9f00;border-radius:50%;width:24px;height:24px;transition:background .2s;box-shadow:0 2px 6px #0000004d}.master-slider-vertical::-webkit-slider-thumb:hover{background:#ffb933}.master-slider-vertical::-moz-range-thumb{cursor:pointer;background:#ff9f00;border:none;border-radius:50%;width:24px;height:24px;transition:background .2s;box-shadow:0 2px 6px #0000004d}.master-slider-vertical::-moz-range-thumb:hover{background:#ffb933}.master-value{color:#ff9f00;justify-content:center;align-items:center;min-height:24px;font-size:.9rem;font-weight:700;display:flex}@media (width<=768px){.tracklist-wrapper{flex-direction:column}.master-channel-vertical{flex-direction:row;width:100%;min-width:auto}.master-slider-vertical{appearance:none;writing-mode:horizontal-tb;width:200px;height:8px}.tracklist-header{grid-template-columns:1fr;display:none}.track-row{gap:var(--spacing-sm);grid-template-columns:1fr}.track-name{border-bottom:1px solid var(--border-color);grid-column:1/-1;padding-bottom:8px}.track-controls{justify-content:center}.track-button{flex:1;max-width:60px}.track-volume,.track-pan{flex-direction:row}.volume-slider,.pan-slider{min-width:0}}@media (width<=480px){.track-button{width:32px;height:32px;font-size:.8rem}.track-controls{gap:4px}.volume-value,.pan-value{min-width:38px;font-size:.75rem}.clear-button{height:28px;font-size:.8rem}}.sequencer-container{flex-direction:column;min-width:0;display:flex}.sequencer-grid{flex-direction:column;gap:8px;min-width:0;display:flex}.sequencer-track{gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:#2a2a2a;border:1px solid #000;border-radius:2px;grid-template-columns:140px 1fr;display:grid}.track-label{cursor:pointer;background-color:#3a3a3a;border:1px solid #000;border-radius:2px;flex-direction:column;justify-content:center;gap:4px;padding:8px;transition:all .2s;display:flex}.track-label:hover{background-color:#4a4a4a}.track-label.selected{background-color:#ff9f00;border-color:#ff9f00}.track-label.selected .track-name{color:#000}.track-label:focus-visible{outline-offset:2px;outline:2px solid #4af626}.track-name{color:#ccc;font-weight:700}.drum-types{gap:4px;margin-top:4px;display:flex}.drum-label{text-align:center;border-radius:3px;width:20px;height:20px;font-size:.75rem;font-weight:700;line-height:20px;display:inline-block}.drum-label.drum-kick{color:#c00;background-color:#ff333380;border:1px solid #f33}.drum-label.drum-snare{color:#66b3ff;background-color:#3399ff80;border:1px solid #39f}.drum-label.drum-hihat{color:#fe6;background-color:#ffdd0080;border:1px solid #fd0}.steps-container{grid-template-columns:repeat(16,1fr);gap:4px;min-width:0;display:grid}.step-cell{aspect-ratio:1;cursor:pointer;background-color:#3a3a3a;border:1px solid #000;border-radius:2px;justify-content:center;align-items:center;min-width:32px;transition:all .15s;display:flex;position:relative}.step-cell:hover{background-color:#4a4a4a;border-color:#555}.step-cell.active{background-color:#ff9f00;border-color:#ff9f00}.step-cell.current{animation:.5s ease-in-out pulse;box-shadow:0 0 12px #ff9f00}.note-indicator{background-color:#000;border-radius:50%;width:12px;height:12px}.step-cell-drum{flex-direction:column;gap:2px;min-width:32px;display:flex}.drum-substep{cursor:pointer;background-color:#3a3a3a;border:1px solid #000;border-radius:2px;flex:1;min-height:10px;transition:all .15s}.drum-substep:hover{background-color:#4a4a4a}.drum-substep.drum-kick.active{background-color:#f55;border-color:#f33}.drum-substep.drum-snare.active{background-color:#66b3ff;border-color:#39f}.drum-substep.drum-hihat.active{background-color:#fe6;border-color:#fd0}.drum-substep.current{box-shadow:0 0 8px}.sequencer-footer{margin-top:4px}.beat-markers{padding:0 var(--spacing-sm);grid-template-columns:140px repeat(16,1fr);gap:4px;display:grid}.beat-marker{text-align:center;color:gray;min-width:32px;font-size:.75rem}.beat-marker:first-child,.beat-marker:nth-child(5),.beat-marker:nth-child(9),.beat-marker:nth-child(13){color:#ff9f00;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (width<=1200px){.step-cell,.step-cell-drum{min-width:28px}.drum-substep{min-height:8px}}@media (width<=768px){.sequencer-track{grid-template-columns:100px 1fr}.beat-markers{grid-template-columns:100px repeat(16,1fr)}.step-cell,.step-cell-drum{min-width:24px}.steps-container{gap:3px}.note-indicator{width:8px;height:8px}.drum-substep{min-height:6px}.sequencer-hint{font-size:.75rem}}@media (width<=480px){.sequencer-track{grid-template-columns:1fr}.track-label{padding:6px}.steps-container{-webkit-overflow-scrolling:touch;gap:2px;padding-bottom:4px;overflow-x:auto}.step-cell,.step-cell-drum{min-width:36px}.drum-substep{border-width:1px;min-height:5px}.beat-markers{grid-template-columns:repeat(16,1fr);margin-left:0}.beat-marker{min-width:36px;font-size:.65rem}.sequencer-container{gap:0}}.piano-roll-container{gap:var(--spacing-md);flex-direction:column;display:flex}.track-selector{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.track-select-button{color:gray;font-family:var(--font-mono);cursor:pointer;background-color:#3a3a3a;border:1px solid #000;border-radius:2px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:all .2s}.track-select-button:hover{color:#ccc;background-color:#4a4a4a}.track-select-button.active{color:#000;background-color:#ff9f00;border-color:#ff9f00}.track-select-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.piano-roll-grid{padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;background-color:#2a2a2a;border:1px solid #000;border-radius:2px;grid-template-columns:80px 1fr;gap:8px;min-width:0;display:grid;overflow-x:auto}.piano-keys{flex-direction:column;gap:2px;display:flex}.piano-key{border:1px solid #000;border-radius:2px;align-items:center;height:28px;padding:0 8px;font-size:.75rem;display:flex}.piano-key.white-key{color:#000;background-color:#ccc;font-weight:700}.piano-key.black-key{color:#ccc;background-color:#3a3a3a}.note-label{-webkit-user-select:none;user-select:none}.roll-grid{flex-direction:column;gap:2px;min-width:0;display:flex}.roll-row{grid-template-columns:repeat(16,1fr);gap:2px;min-height:28px;display:grid}.roll-cell{cursor:pointer;background-color:#3a3a3a;border:1px solid #000;border-radius:2px;min-width:32px;transition:all .15s;position:relative}.roll-cell:hover{background-color:#4a4a4a;border-color:#555}.roll-cell.has-note{background-color:#ff9f00;border-color:#ff9f00}.roll-cell.has-note:hover{background-color:#ffb933;border-color:#ffb933}.roll-cell.current{animation:.5s ease-in-out rollPulse;box-shadow:inset 0 0 8px #ff9f00}.no-track-selected{padding:var(--spacing-lg);text-align:center;color:gray;background-color:#2a2a2a;border:1px solid #000;border-radius:2px}.piano-roll-footer{margin-top:4px}.step-numbers{padding:0 var(--spacing-sm);grid-template-columns:80px repeat(16,1fr);gap:8px;display:grid}.step-number{text-align:center;color:gray;min-width:32px;font-size:.75rem}.step-number:nth-child(2),.step-number:nth-child(6),.step-number:nth-child(10),.step-number:nth-child(14){color:#ff9f00;font-weight:700}@keyframes rollPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@media (width<=768px){.piano-roll-grid{grid-template-columns:60px 1fr}.piano-key{height:24px;padding:0 6px;font-size:.7rem}.roll-row{gap:1px;min-height:24px}.roll-cell{min-width:28px}.step-numbers{grid-template-columns:60px repeat(16,1fr)}.step-number{min-width:28px;font-size:.7rem}}@media (width<=480px){.track-select-button{padding:6px 12px;font-size:.85rem}.piano-roll-grid{grid-template-columns:50px 1fr}.piano-key{height:20px;padding:0 4px;font-size:.65rem}.roll-row{min-height:20px}.roll-cell{min-width:36px}.step-numbers{grid-template-columns:50px repeat(16,1fr)}.step-number{min-width:36px;font-size:.65rem}}.daw-container{color:#ccc;width:100%;min-height:100dvh;font-family:var(--font-mono);--daw-bg-dark:#1a1a1a;--daw-bg-medium:#2a2a2a;--daw-bg-light:#3a3a3a;--daw-border:#000;--daw-text:#ccc;--daw-text-dim:gray;--daw-active:#ff9f00;--daw-hover:#ffb933;background-color:#1a1a1a;flex-direction:column;display:flex;position:relative}.audio-init-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#0a0a0a80;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=768px){.audio-init-overlay{-webkit-backdrop-filter:none;background:#0a0a0acc}}.init-button{color:#000;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background-color:#ff9f00;border:2px solid #ffb933;border-radius:8px;padding:20px 40px;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 20px #ff9f0080}.init-button:hover{background-color:var(--daw-hover);transform:translateY(-2px);box-shadow:0 6px 16px #ff9f0066}.init-button:active{background-color:#cc7f00;transform:translateY(0);box-shadow:0 2px 8px #ff9f004d}.init-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.daw-workspace{-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden auto}.daw-header{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--daw-bg-medium);border-bottom:2px solid var(--daw-border)}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.daw-header h3{color:var(--daw-text);margin:0;font-size:1.1rem}.daw-subtitle{color:var(--daw-text-dim);margin:4px 0 0;font-size:.85rem}.clear-all-button{background-color:var(--daw-bg-light);border:1px solid var(--daw-border);color:var(--daw-text-dim);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;min-width:44px;min-height:36px;padding:8px 12px;font-size:1.2rem;transition:all .2s;display:flex}.clear-all-button:hover{background-color:#d85a00;border-color:#d85a00}.clear-all-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}.transport-section{padding:var(--spacing-md);background-color:var(--daw-bg-medium);border-bottom:2px solid var(--daw-border)}.tracks-section{padding:var(--spacing-md);background-color:var(--daw-bg-dark);border-bottom:2px solid var(--daw-border)}.editor-section{padding:var(--spacing-md);background-color:var(--daw-bg-dark);-webkit-overflow-scrolling:touch;flex:1;min-height:200px;overflow:hidden auto}.editor-toggle{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--daw-bg-medium);border-bottom:2px solid var(--daw-border);gap:var(--spacing-sm);display:flex}.view-button{background-color:var(--daw-bg-light);border:1px solid var(--daw-border);color:var(--daw-text-dim);font-family:var(--font-mono);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;min-width:50px;padding:10px 16px;font-size:1.3rem;transition:all .2s;display:flex}.view-button:hover{color:var(--daw-text);background-color:#4a4a4a}.view-button.active{background-color:var(--daw-active);color:#000;border-color:var(--daw-active)}.view-button:focus-visible{outline-offset:2px;outline:2px solid #4af626}@media (width<=768px){.daw-header h3{font-size:1rem}.header-content{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.clear-all-button{width:100%}.transport-section,.tracks-section,.editor-section{padding:var(--spacing-sm)}.daw-workspace{overflow:visible}.editor-section{flex:none;overflow:visible}}@media (width<=480px){.init-button{padding:14px 28px;font-size:1rem}}*{box-sizing:border-box}body{margin:0}table{border-collapse:collapse}[data-color-mode=light] input{--csstools-color-scheme--light:initial;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-color-mode=dark] input{--csstools-color-scheme--light: ;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){[data-color-mode=auto][data-light-theme*=light]{--csstools-color-scheme--light:initial;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-color-scheme:dark){[data-color-mode=auto][data-dark-theme*=dark]{--csstools-color-scheme--light: ;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[role=button]:focus:not(:focus-visible):not(.focus-visible),[role=tabpanel][tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),a:focus:not(:focus-visible):not(.focus-visible),button:focus:not(:focus-visible):not(.focus-visible),summary:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}[tabindex="0"]:focus:not(:focus-visible):not(.focus-visible),details-dialog:focus:not(:focus-visible):not(.focus-visible){outline:none}.prc-src-BaseStyles-aopSS{color:var(--BaseStyles-fgColor,var(--fgColor-default,#1f2328));font-family:var(--BaseStyles-fontFamily,var(--fontStack-system,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"));line-height:var(--BaseStyles-lineHeight,1.5)}.prc-src-BaseStyles-aopSS :where(a:not([class*=prc-]):not([class*=PRC-]):not([class*=Primer_Brand__])){color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}.prc-src-BaseStyles-aopSS :where(a:not([class*=prc-]):not([class*=PRC-]):not([class*=Primer_Brand__])):hover{-webkit-text-decoration:underline;text-decoration:underline}.prc-VisuallyHidden-VisuallyHidden-Q0qSB:not(:focus):not(:active):not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prc-Spinner-Box-Y-ke-{display:inline-flex}@keyframes prc-Spinner-rotate-keyframes-LV51p{to{transform:rotate(1turn)}}.prc-Spinner-SpinnerAnimation-tutJZ{animation:prc-Spinner-rotate-keyframes-LV51p var(--base-duration-1000,[ object Object ]) var(--base-easing-linear,0,0,1,1) infinite}.prc-Text-Text-9mHv3:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);line-height:var(--text-body-lineHeight-small,1.625)}.prc-Text-Text-9mHv3:where([data-size=medium]){font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.5)}.prc-Text-Text-9mHv3:where([data-size=large]){font-size:var(--text-body-size-large,1rem);line-height:var(--text-body-lineHeight-large,1.5)}.prc-Text-Text-9mHv3:where([data-weight=light]){font-weight:var(--base-text-weight-light,300)}.prc-Text-Text-9mHv3:where([data-weight=normal]){font-weight:var(--base-text-weight-normal,400)}.prc-Text-Text-9mHv3:where([data-weight=medium]){font-weight:var(--base-text-weight-medium,500)}.prc-Text-Text-9mHv3:where([data-weight=semibold]){font-weight:var(--base-text-weight-semibold,600)}.prc-Text-Text-9mHv3:where([data-white-space=pre]){white-space:pre}.prc-Text-Text-9mHv3:where([data-white-space=normal]){white-space:normal}.prc-Text-Text-9mHv3:where([data-white-space=nowrap]){white-space:nowrap}.prc-Text-Text-9mHv3:where([data-white-space=pre-wrap]){white-space:pre-wrap}.prc-Text-Text-9mHv3:where([data-white-space=pre-line]){white-space:pre-line}:where(.prc-Heading-Heading-MtWFE){font-size:var(--text-title-size-large,2rem);font-weight:var(--base-text-weight-semibold,600);margin:0}:where(.prc-Heading-Heading-MtWFE):where([data-variant=large]){font:var(--text-title-shorthand-large,600 2rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}:where(.prc-Heading-Heading-MtWFE):where([data-variant=medium]){font:var(--text-title-shorthand-medium,600 1.25rem/1.625 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}:where(.prc-Heading-Heading-MtWFE):where([data-variant=small]){font:var(--text-title-shorthand-small,600 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji")}:where(.prc-Link-Link-9ZwDx){color:var(--fgColor-accent,#0969da);text-underline-offset:.05rem;-webkit-text-decoration:none;text-decoration:none}button:where(.prc-Link-Link-9ZwDx){appearance:none;cursor:pointer;font-size:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#0000;border:0;padding:0;display:inline-block}:where(.prc-Link-Link-9ZwDx):hover,[data-a11y-link-underlines=true] :where(.prc-Link-Link-9ZwDx):where([data-inline=true]){-webkit-text-decoration:underline;text-decoration:underline}[data-a11y-link-underlines=true] :where(.prc-Link-Link-9ZwDx):where([data-inline=true]):hover{-webkit-text-decoration:none;text-decoration:none}:where(.prc-Link-Link-9ZwDx):where([data-muted=true]){color:var(--fgColor-muted,#59636e)}:where(.prc-Link-Link-9ZwDx):where([data-muted=true]):hover{color:var(--fgColor-accent,#0969da);-webkit-text-decoration:none;text-decoration:none}.prc-StateLabel-StateLabel-Iawzp{border-radius:var(--borderRadius-full,624.938rem);color:var(--fgColor-onEmphasis,#fff);font-weight:var(--base-text-weight-semibold,600);text-align:center;align-items:center;line-height:16px;display:inline-flex}.prc-StateLabel-StateLabel-Iawzp:where([data-size=small]){font-size:var(--text-body-size-small,.75rem);padding:var(--base-size-4,.25rem) var(--base-size-8,.5rem)}.prc-StateLabel-StateLabel-Iawzp:where([data-size=medium]){font-size:var(--text-body-size-medium,.875rem);padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=issueClosed]){background-color:var(--bgColor-done-emphasis,#8250df);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=issueClosedNotPlanned]){background-color:var(--bgColor-neutral-emphasis,#59636e);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=pullClosed]){background-color:var(--bgColor-closed-emphasis,#cf222e);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-closed-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=pullMerged]){background-color:var(--bgColor-done-emphasis,#8250df);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=pullQueued]){background-color:var(--bgColor-attention-emphasis,#9a6700);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-attention-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=issueOpened]),.prc-StateLabel-StateLabel-Iawzp:where([data-status=pullOpened]){background-color:var(--bgColor-open-emphasis,#1f883d);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=draft]),.prc-StateLabel-StateLabel-Iawzp:where([data-status=issueDraft]){background-color:var(--bgColor-draft-emphasis,var(--bgColor-neutral-emphasis,#59636e));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-draft-emphasis,var(--borderColor-neutral-emphasis,transparent));color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=unavailable]){background-color:var(--bgColor-neutral-emphasis,#59636e);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=open]){background-color:var(--bgColor-open-emphasis,#1f883d);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=closed]){background-color:var(--bgColor-done-emphasis,#8250df);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=alertOpened]){background-color:var(--bgColor-open-emphasis,#1f883d);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=alertFixed]){background-color:var(--bgColor-done-emphasis,#8250df);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=alertDismissed]){background-color:var(--bgColor-draft-emphasis,var(--bgColor-neutral-emphasis,#59636e));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-draft-emphasis,var(--borderColor-neutral-emphasis,transparent));color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=alertClosed]){background-color:var(--bgColor-closed-emphasis,#cf222e);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-closed-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-StateLabel-Iawzp:where([data-status=archived]){background-color:var(--bgColor-neutral-emphasis,#59636e);box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,#fff)}.prc-StateLabel-Icon-YICrR{margin-right:var(--base-size-4,.25rem)}.prc-StateLabel-Icon-YICrR:where([data-size-small]){width:1em}.shutdown-screen{color:#e0e0e0;background-color:#0a0a0a;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,Courier,monospace;display:flex}.shutdown-content{max-width:600px;padding:20px}.shutdown-log-line{color:#b5cea8;margin-bottom:8px;font-size:.95rem}.shutdown-separator{height:20px}.shutdown-halted{color:#e0e0e0;margin-bottom:20px;font-size:1rem}.shutdown-reboot{color:#4af626;font-size:1rem}.cursor-blink{animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (width<=768px){.shutdown-log-line,.shutdown-halted,.shutdown-reboot{font-size:.85rem}}:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--text-primary:#e0e0e0;--text-secondary:gray;--accent-green:#4af626;--accent-cyan:#4ec9b0;--accent-orange:#ce9178;--error-red:#f48771;--success-green:#b5cea8;--info-blue:#9cdcfe;--warning-yellow:#dcdcaa;--border-color:#333;--tab-height:40px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--font-mono:"Courier New", Courier, monospace;--font-size-base:1rem;--z-base:1;--z-dropdown:1000;--z-sticky:100;--z-modal:2000;--z-overlay:2100;--z-popover:2200;--z-tooltip:2300}html{overscroll-behavior:none;width:100%;height:100%}@media (width>=769px){html{position:fixed;overflow:hidden}body{overflow:hidden}}@media (width<=768px){html{position:relative;overflow:hidden}body{overflow:hidden}}body{color:#e0e0e0;overscroll-behavior:none;background-color:#0a0a0a;height:100%;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-size:16px}input,button,textarea,select{appearance:none}*{scrollbar-width:thin;scrollbar-color:#3a3a3a #1a1a1a}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#3a3a3a;border:2px solid #1a1a1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}::-webkit-scrollbar-thumb:active{background:#555}::-webkit-scrollbar-corner{background:#1a1a1a}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.tab-content{flex-direction:column;flex:1;inset:0;overflow:hidden}@media (width<=768px){.tab-content{-webkit-overflow-scrolling:touch;overflow:hidden!important}}@media (width>=769px) and (width<=1024px){.tab-content{overflow:hidden!important}}@media (width<=768px){body{font-size:16px}}@media (width<=480px){body{font-size:16px}}