:root{--color-bg: #0d1117;--color-text: #c9d1d9;--color-muted: #8b949e;--color-primary: #30a14e;--color-primary-light: rgba(48, 161, 78, .18);--color-border: #30363d;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;padding:0;overflow-x:hidden;width:100%}.top-navbar{position:fixed;top:0;left:0;right:0;background:#0d1117fa;border-bottom:1px solid var(--color-border);z-index:1001;padding:.75rem 1.5rem;box-shadow:0 2px 8px #0000004d;height:60px}.navbar-content{max-width:100%;display:flex;justify-content:center;align-items:center}.top-navbar .igut-clock-compact{align-items:center;gap:.5rem}.top-navbar .igut-label{font-size:.7rem}.top-navbar .igut-time{font-size:1.1rem}.hud-navbar{background:#0a0c0f;border-bottom:1px solid var(--color-border);padding:10px 24px 14px;display:flex;align-items:center;justify-content:space-between}.hud-navbar-left{display:flex;align-items:center;flex:1;justify-content:flex-start}.hud-navbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:24px}.hud-navbar-timer-section{text-align:center}.hud-navbar-no-session{display:flex;align-items:center;justify-content:center;gap:12px}.hud-navbar-controls{display:flex;align-items:center;gap:8px}.hud-label{font-size:11px;color:#2b7f41;text-shadow:0 0 4px rgba(48,161,78,.3)}.hud-time{font-size:18px;color:var(--color-primary);text-shadow:0 0 4px rgba(48,161,78,.3);font-family:var(--font-mono)}.hud-navbar-right{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.hud-navbar-right .quick-links{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;padding:0;margin:0}.hud-navbar-right .quick-links label{margin:0;font-size:.75rem;white-space:nowrap;color:var(--color-muted)}.hud-navbar-right .quick-links select{min-width:200px;font-size:.85rem;padding:.4rem .6rem;background:#06070b;border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box}.hud-navbar-left .account-menu{position:relative}.account-menu-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px}.side-menu{position:fixed;top:60px;left:0;width:50px;height:calc(100vh - 60px);background:#0d1117fa;border-right:1px solid var(--color-border);z-index:999;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.side-menu.expanded{width:250px}.sidebar-logo{width:100%;height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;padding:8px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:#0d1117fa}.sidebar-logo .logo-img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.side-menu:not(.expanded) .sidebar-logo{padding:8px}.side-menu:not(.expanded) .sidebar-logo .logo-img{max-width:34px;max-height:34px}.side-menu.expanded .sidebar-logo{padding:8px 12px}.side-menu.expanded .sidebar-logo .logo-img{max-width:100%;max-height:34px}.menu-toggle{width:50px;height:50px;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease;flex-shrink:0}.menu-toggle:hover{background:#30a14e1a;color:var(--color-primary)}.menu-toggle-btn{width:100%;height:40px;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease;flex-shrink:0}.menu-toggle-btn:hover{background:#30a14e1a;color:var(--color-primary)}.menu-toggle-btn svg{transition:transform .3s ease}.mobile-menu-toggle{display:none;margin-right:.5rem;color:var(--color-text);background:transparent;border:none;cursor:pointer;padding:0;transition:color .2s ease}.mobile-menu-toggle:hover{color:var(--color-primary)}.menu-nav{flex:1;padding:.5rem 0;overflow-y:auto;overflow-x:hidden}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;transition:background-color .2s ease,color .2s ease;border-left:3px solid transparent}.menu-link:hover{background:#30a14e1a;color:var(--color-primary)}.menu-link.active{background:#30a14e26;color:var(--color-primary);border-left-color:var(--color-primary)}.menu-link svg{flex-shrink:0;width:18px;height:18px}.menu-link span{white-space:nowrap;font-size:.9rem}.menu-link span.menu-icon-text{font-size:18px;font-weight:700}.side-menu:not(.expanded) .menu-link{justify-content:center;padding:.75rem}.side-menu:not(.expanded) .menu-link span{display:none}.side-menu:not(.expanded) .menu-link span.menu-icon-text{display:inline-block}.side-menu:not(.expanded) .menu-link svg{width:20px;height:20px}.side-menu:not(.expanded) .menu-toggle-btn{justify-content:center}.side-menu.expanded .menu-toggle-btn{justify-content:flex-end;padding-right:1rem}.main-content{margin-left:50px;padding-top:60px;padding:calc(60px + 1.5rem) 1.5rem 1.5rem 1.5rem;min-height:100vh;transition:margin-left .3s ease}.main-content.menu-open{margin-left:250px}.page-content{max-width:100%}.hud-navbar-left .account-dropdown{top:calc(100% + 4px);left:0;right:auto;z-index:1001}.nav-btn{min-width:34px;height:30px;padding:0 8px 4px;background:#06070b;border:1px solid var(--color-border);color:var(--color-primary);font-size:1.1em;cursor:pointer;text-shadow:0 0 4px rgba(48,161,78,.3);font-family:var(--font-mono);transition:border-color .2s ease}.nav-btn:hover{border-color:var(--color-primary)}.speed-wrapper{position:relative}.speed-menu{position:absolute;top:calc(100% + 4px);right:0;background:#0a0c0f;border:1px solid var(--color-border);min-width:80px;display:none;z-index:1001}.speed-menu.open{display:block}.speed-option{padding:6px 10px;background:transparent;color:#2b7f41;border:none;width:100%;text-align:left;text-shadow:0 0 4px rgba(48,161,78,.3);cursor:pointer;font-family:var(--font-mono);font-size:13px;transition:all .2s ease}.speed-option:hover{color:var(--color-primary);background:#10131a}.time-menu-wrapper{position:relative}.time-menu{position:absolute;top:0;left:calc(100% + 4px);background:#0a0c0f;border:1px solid var(--color-border);min-width:80px;display:none;z-index:1001}.time-menu.open{display:block}.time-option{padding:6px 10px;background:transparent;color:#2b7f41;border:none;width:100%;text-align:left;text-shadow:0 0 4px rgba(48,161,78,.3);cursor:pointer;font-family:var(--font-mono);font-size:13px;transition:all .2s ease}.language-switcher{position:relative;margin-left:12px;display:flex;align-items:center}.language-menu{position:absolute;top:calc(100% + 4px);right:0;background:#0a0c0f;border:1px solid var(--color-border);min-width:120px;display:none;z-index:1001}.language-menu.open{display:block}.language-option{padding:6px 10px;background:transparent;color:#2b7f41;border:none;width:100%;text-align:left;text-shadow:0 0 4px rgba(48,161,78,.3);cursor:pointer;font-family:var(--font-mono);font-size:13px;transition:all .2s ease;border-bottom:1px solid var(--color-border)}.language-option:last-child{border-bottom:none}.language-option:hover{color:var(--color-primary);background:#10131a}.language-option.active{color:var(--color-primary);background:#30a14e1a}.time-option:last-child{border-bottom:none}.time-option:hover{color:var(--color-primary);background:#10131a}body.crt-effect:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.5}a{color:var(--color-primary)}h1,h2,h3,h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin:0 0 .75rem}h1{font-size:2.1rem;text-shadow:0 0 6px rgba(48,161,78,.35)}h2{font-size:1.2rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.mini-heading{font-size:.9rem;color:var(--color-text);margin-top:0}.screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.header-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.75rem}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.header-right .quick-links{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;padding:0;margin:0}.header-right .quick-links label{margin:0;font-size:.75rem;white-space:nowrap}.header-right .quick-links select{min-width:200px;font-size:.85rem;padding:.4rem .6rem}.data-source-badge-navbar{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:3px;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;position:relative;cursor:help}.data-source-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.data-source-live{background-color:#10b981;color:#fff}.data-source-live .data-source-dot{background-color:#34d399;box-shadow:0 0 4px #34d399cc}.data-source-local{background-color:#6b7280;color:#fff}.data-source-local .data-source-dot{background-color:#fff}.data-source-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:#1f2937;color:#fff;padding:6px 10px;border-radius:4px;font-size:.7rem;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0s;z-index:1002;text-transform:none;letter-spacing:normal;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.data-source-tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1f2937}.data-source-badge-navbar:hover .data-source-tooltip{opacity:1;transition:opacity 0s}.session-info{display:flex;align-items:center;gap:.5rem}.session-name-display{font-family:var(--font-mono);font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.save-status{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.save-status.saving{background-color:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3);animation:pulse 1.5s ease-in-out infinite}.save-status.saved{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.save-status.error{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-icon{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:24px;height:24px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-icon img{display:block;width:100%;height:100%;object-fit:contain}.btn-icon:hover,.btn-icon.btn-edit{color:var(--color-primary)}.btn-icon.btn-delete{color:#f85149}.btn-icon.btn-edit:hover,.btn-icon.btn-delete:hover{opacity:1;transform:scale(1.1)}.cell-actions{white-space:nowrap;text-align:center}.cell-actions .btn-icon{margin:0 .25rem;padding:.25rem .5rem;font-size:.875rem}.custom-item-row{background-color:#30a14e0d}.custom-item-row:hover{background-color:#30a14e1a}.btn-icon.btn-close{font-size:1.5rem;line-height:1;width:32px;height:32px}.btn-icon.btn-session-toggle{width:40px;height:40px}.btn-icon.btn-account{width:36px;height:36px;border-radius:50%;background:#30a14e1a;border:1px solid rgba(48,161,78,.3)}.btn-icon.btn-account:hover{background:#30a14e33;border-color:var(--color-primary)}.btn-icon.btn-help:hover{background:#30a14e40;box-shadow:0 0 8px #30a14e4d;transform:translateY(-1px)}.account-menu{position:relative}.account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#0d1117fa;border:2px solid var(--color-border);border-radius:8px;min-width:200px;box-shadow:0 8px 24px #00000080;z-index:1000;overflow:hidden}.account-dropdown-content{padding:.5rem 0}.account-menu-header{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.account-menu-user{font-weight:600;color:var(--color-text);font-size:.9rem;margin-bottom:.25rem}.account-menu-email{font-size:.75rem;color:var(--color-muted)}.account-menu-divider{height:1px;background:var(--color-border);margin:.5rem 0}.account-menu-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text);text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.account-menu-item:hover{background:#30a14e1a;color:var(--color-primary)}.auth-error{background:#f8514926;border:1px solid rgba(248,81,73,.4);color:#f85149;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.auth-form-section{margin-bottom:1.5rem}.form-group,.auth-form-section .form-group{margin-bottom:1rem}.auth-form-section .form-group:last-of-type{margin-bottom:1.25rem}.auth-form-section label{display:block;margin-bottom:.5rem}.auth-form-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.auth-form-actions .btn{width:100%;justify-content:center}.auth-forgot-password{text-align:center;margin-top:.5rem}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0;font-family:var(--font-body)}.btn-link:hover{color:#3ddc65}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--color-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider span{padding:0 1rem}.auth-oauth-section{display:flex;flex-direction:column;gap:.75rem}.btn-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#0d1117cc;border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;font-family:var(--font-body);font-weight:500;font-size:.9rem;text-transform:none;letter-spacing:normal;transition:all .2s ease}.btn-oauth:hover:not(:disabled){background:#30a14e1a;border-color:var(--color-primary);transform:none;box-shadow:none}.btn-oauth:disabled{opacity:.5;cursor:not-allowed}.btn-oauth svg{flex-shrink:0}.btn-oauth.btn-google{background:#ffffff0d}.btn-oauth.btn-google:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.btn-oauth.btn-github{background:#ffffff0d}.btn-oauth.btn-github:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.btn-oauth.btn-anonymous{background:#30a14e0d}.btn-oauth.btn-anonymous:hover:not(:disabled){background:#30a14e26;border-color:var(--color-primary)}.igut-clock-compact{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.igut-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted)}.igut-time{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em;text-shadow:0 0 4px rgba(48,161,78,.3)}.session-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.session-popup-content{background:#0d1117fa;border:2px solid var(--color-border);border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 12px 32px #00000080}.session-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--color-border)}.session-popup-header h3{margin:0;font-size:1rem}.session-popup-body{padding:1.25rem}.session-create-section,.session-list-section{margin-bottom:1.5rem}.session-create-section:last-child,.session-list-section:last-child{margin-bottom:0}.session-create-section h4,.session-list-section h4{font-size:.85rem;margin-bottom:.75rem}.session-input-group{display:flex;gap:.5rem}.session-input-group .form-input{flex:1}.session-items-list{display:flex;flex-direction:column;gap:.5rem}.session-items-list .no-sessions{color:var(--color-muted);font-style:italic;text-align:center;padding:1rem;font-family:var(--font-mono);font-size:.85rem}.time-controls-card{grid-column:span 5}.time-controls-card h3{font-size:.9rem;margin-bottom:.75rem}.time-inputs-compact{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.time-inputs-compact label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin:0}.form-input-small{padding:.35rem .5rem;width:60px;font-size:.85rem}.time-controls-playback{display:flex;flex-direction:column;gap:1.5rem}.clock-display{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-weight:700;color:var(--color-primary);text-shadow:0 0 6px rgba(48,161,78,.35);font-size:2rem;letter-spacing:.05em}.clock-day{font-size:1.2em}.clock-separator{font-size:1.2em;color:var(--color-primary);margin:0 .5rem}.clock-time{font-size:1.5em;letter-spacing:.1em}.controls-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.playback-controls{display:flex;align-items:flex-start;gap:1rem}.btn-playback{background:transparent;border:2px solid var(--color-primary);border-radius:50%;width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);cursor:pointer;transition:all .2s ease;padding:0;font-family:var(--font-mono);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-playback:hover:not(:disabled){background:var(--color-primary-light);box-shadow:0 0 12px #30a14e80}.btn-playback:disabled{opacity:.3;cursor:not-allowed}.playback-speed-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.speed-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;min-height:1em}.time-adjustment-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.75rem}.btn-time-adjust{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:.75rem 1rem;color:var(--color-text);font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;min-width:80px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-time-adjust:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 8px #30a14e66}.active-timers-section{margin-bottom:1.25rem}.active-timers-section .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.active-timers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.active-timers-header h2{margin:0}.active-timers-header .btn{margin-left:auto}.timer-table{width:100%}.timer-table th{font-size:.75rem;padding:.75rem}.timer-table td{padding:.75rem;font-size:.85rem}.timer-table th:nth-child(1){width:20%}.timer-table th:nth-child(2){width:15%}.timer-table th:nth-child(3){width:15%}.timer-table th:nth-child(4){width:15%}.timer-table th:nth-child(5){width:25%}.timer-table th:nth-child(6){width:10%}.no-timers-cell{text-align:center;color:var(--color-muted);font-style:italic;padding:2rem!important}.timer-actions-cell{vertical-align:middle;text-align:center;white-space:nowrap}.timer-actions-cell .timer-action-btn{display:inline-flex;margin:0 .25rem;vertical-align:middle}.timer-action-btn{background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;padding:.35rem;width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.timer-action-btn.delete:hover{border-color:#dc3545;color:#dc3545}.action-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:6px 10px;border-radius:4px;font-size:.7rem;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1002;text-transform:none;letter-spacing:normal;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.action-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f2937}.timer-action-btn:hover+.action-tooltip,.timer-action-btn:focus+.action-tooltip{opacity:1}.timer-form-card{grid-column:span 7}.timer-form-card .form-group{margin-bottom:1.25rem}.timer-form-card .form-group:last-child{margin-bottom:0}.timer-form-card .duration-inputs{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.timer-form-card .duration-inputs label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin:0}.timer-form-card .duration-inputs input{width:70px}.timer-form-card .form-group-inline{display:flex;gap:1rem;align-items:flex-end}.timer-form-card .form-group-inline .form-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.timer-form-card .form-group-inline .form-field:first-child{flex:2}.timer-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:flex-end}.timer-form-panel{width:100%;max-width:600px;height:100%;background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #00000080;display:flex;flex-direction:column;overflow-y:auto}.timer-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);background:#0d1117fa;position:sticky;top:0;z-index:1}.timer-form-header h2{margin:0;font-size:1.25rem}.timer-form-content{padding:1.5rem;flex:1}.timer-form-content .form-group{margin-bottom:1.25rem}.timer-form-content .form-group:last-child{margin-bottom:0}.timer-form-content .duration-inputs{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.timer-form-content .duration-inputs label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin:0}.timer-form-content .duration-inputs input{width:70px}.timer-form-content .form-group-inline{display:flex;gap:1rem;align-items:flex-end}.timer-form-content .form-group-inline .form-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.timer-form-content .form-group-inline .form-field:first-child{flex:2}[timer-form-overlay-enter]{transition:opacity .3s ease}[timer-form-overlay-enter-start]{opacity:0}[timer-form-overlay-enter-end]{opacity:1}[timer-form-overlay-leave]{transition:opacity .3s ease}[timer-form-overlay-leave-start]{opacity:1}[timer-form-overlay-leave-end]{opacity:0}[timer-form-panel-enter]{transition:transform .3s ease}[timer-form-panel-enter-start]{transform:translate(100%)}[timer-form-panel-enter-end]{transform:translate(0)}[timer-form-panel-leave]{transition:transform .3s ease}[timer-form-panel-leave-start]{transform:translate(0)}[timer-form-panel-leave-end]{transform:translate(100%)}.hardware-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:flex-end}.hardware-form-panel{width:100%;max-width:800px;height:100%;background:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #00000080;display:flex;flex-direction:column;overflow-y:auto}.hardware-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);background:#0d1117fa;position:sticky;top:0;z-index:1}.hardware-form-header h3{margin:0;font-size:1.25rem}.hardware-form-content{padding:1.5rem;flex:1}.hardware-form-content .form-group{margin-bottom:1.25rem}.hardware-form-content .form-group:last-child{margin-bottom:0}.btn-tab{color:var(--color-muted);transition:color .2s ease,border-color .2s ease}.btn-tab:hover{color:var(--color-text)}.btn-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)!important}[hardware-form-overlay-enter]{transition:opacity .3s ease}[hardware-form-overlay-enter-start]{opacity:0}[hardware-form-overlay-enter-end]{opacity:1}[hardware-form-overlay-leave]{transition:opacity .3s ease}[hardware-form-overlay-leave-start]{opacity:1}[hardware-form-overlay-leave-end]{opacity:0}[hardware-form-panel-enter]{transition:transform .3s ease}[hardware-form-panel-enter-start]{transform:translate(100%)}[hardware-form-panel-enter-end]{transform:translate(0)}[hardware-form-panel-leave]{transition:transform .3s ease}[hardware-form-panel-leave-start]{transform:translate(0)}[hardware-form-panel-leave-end]{transform:translate(100%)}.dice-roller{padding:1rem;background:#0d111766;border:1px solid var(--color-border);border-radius:6px;margin-top:.5rem}.dice-roller-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-top:.5rem}.dice-roller-controls .form-select{flex:1;min-width:120px}.dice-roller-controls .btn{flex-shrink:0}.form-select{padding:.5rem .75rem;background:#0d1117cc;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:var(--font-mono);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #30a14e40}[x-cloak]{display:none!important}.session-item-popup{padding:.75rem;background:#0d1117cc;border:1px solid var(--color-border);border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.session-item-popup:hover{border-color:var(--color-primary)}.session-item-popup.active{border-color:var(--color-primary);background:#30a14e1a}.session-item-actions{display:flex;gap:.5rem}.timer-notes-input{width:100%;padding:.35rem .5rem;background:#0d111799;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:var(--font-body);font-size:.85rem;transition:border-color .2s ease}.timer-notes-input:focus{outline:none;border-color:var(--color-primary)}.timer-notes-input::placeholder{color:var(--color-muted)}.timer-row.expired{background:#3d1a1a4d}.timer-row.expired td{color:#ff6b6b}.timer-row.paused{opacity:.7}.timer-row.paused td{color:var(--color-muted)}.timer-title-cell{position:relative}.timer-title-wrapper{display:flex;align-items:center;gap:.25rem}.timer-indent{display:inline-flex;align-items:center;flex-shrink:0;padding-left:calc(var(--timer-level, 0) * 1.5rem);min-width:calc(var(--timer-level, 0) * 1.5rem + 1rem)}.timer-connector{display:inline-block;color:var(--color-primary);opacity:.6;font-family:var(--font-mono);font-size:.9em;margin-right:.25rem}.timer-name{flex:1}.timer-row.timer-child{background:#30a14e0d;border-left:2px solid rgba(48,161,78,.3)}.timer-row.timer-child .timer-name{font-style:italic}.timer-row.timer-child:not(.expired) .timer-name{color:#30a14ee6}.character-tags-inline{display:flex;flex-wrap:wrap;gap:.25rem}.character-tag{display:inline-block;padding:.15rem .5rem;background:#30a14e33;border:1px solid var(--color-primary);border-radius:3px;color:var(--color-primary);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.timer-row.expired .character-tag{background:#dc354533;border-color:#dc3545;color:#ff6b6b}.text-muted{color:var(--color-muted);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#0d1117fa;padding:2rem;border:2px solid var(--color-border);border-radius:12px;max-width:500px;width:90%;text-align:center;box-shadow:0 12px 32px #00000080}.modal-content h2{color:var(--color-primary);margin-bottom:1.5rem;border-bottom:none;padding-bottom:0}.modal-content p{color:var(--color-text);margin-bottom:1.5rem;font-size:1rem;line-height:1.6;font-family:var(--font-body)}.screen-subtitle{margin:0;color:var(--color-muted);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase}.header-actions{display:flex;gap:.75rem}.quick-links{background:#30a14e12;border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem}.quick-links summary{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;color:var(--color-primary)}.quick-links ul{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.25rem 1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quick-links a{color:var(--color-text);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;transition:color .2s ease}.quick-links a:hover{color:var(--color-primary)}.screen-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(12,1fr)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.card{background:#0d1117f0;border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;box-shadow:0 12px 32px #00000059;display:flex;flex-direction:column;gap:1rem;transition:background-color .3s ease}.card>*{min-width:0}.card.highlighted{background-color:#30a14e40;animation:highlightFade 5s ease-out forwards}@keyframes highlightFade{0%{background-color:#30a14e40}to{background-color:#0d1117f0}}.card-header{display:flex;flex-direction:column;gap:.75rem}.card-meta{margin:0;color:var(--color-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}.card-footer{border-top:1px solid var(--color-border);padding-top:.75rem}.info{background:#30a14e14;border:1px solid var(--color-border);padding:.75rem;border-radius:8px;font-family:var(--font-mono);font-size:.85rem}.info-box{background:#30a14e1f;border-left:3px solid var(--color-primary);padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:10px}.info-box ul{margin:.5rem 0 0;padding-left:1.1rem}.interactive-section{display:flex;flex-direction:column;gap:.75rem}.field-group{display:flex;flex-direction:column;gap:.25rem}.field-group.full-width{width:min(480px,100%)}label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.form-input{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--color-border);background:#0d1117cc;color:var(--color-text);font-family:var(--font-mono);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #30a14e40}.btn{align-self:flex-start;background:linear-gradient(135deg,var(--color-primary),#3ddc65);color:var(--color-bg);border:none;border-radius:5px;padding:10px 15px;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:35px;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #3ddc6580}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#3ddc65);color:var(--color-bg)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:#30a14e1a;border-color:var(--color-primary);box-shadow:0 0 8px #30a14e4d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 0 12px #ef444480}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{box-shadow:0 0 12px #10b98180}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{box-shadow:0 0 12px #f59e0b80}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.alert-error{background:#f8514926;border:1px solid rgba(248,81,73,.4);color:#f85149}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981}.btn-create-timer{background:#fff!important;color:#0d1117!important;border:1px solid rgba(48,161,78,.3)!important}.btn-create-timer:hover{background:#f0f0f0!important;box-shadow:0 0 12px #30a14e66!important;transform:translateY(-1px)}.result-box{border:1px dashed var(--color-border);border-radius:10px;padding:1rem;font-family:var(--font-mono);min-height:60px;background:#0d1117b8}.result-box strong{color:var(--color-primary)}.auth-required-message{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;padding:.5rem 0}.auth-required-message span{color:var(--color-muted);font-size:.9rem;line-height:1.5}.table-container{border:1px solid var(--color-border);border-radius:10px;background:#0d1117cc;overflow:auto}.table-container.horizontal-scroll{overflow-x:auto}.table-container.max-400{max-height:400px}.table-container.max-500{max-height:500px}.card.fill-height{display:flex;flex-direction:column}.card.fill-height .table-container{flex:1;min-height:0;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead th{background-color:#0f141b;position:static}.table-container.max-400 .data-table thead th,.table-container.max-500 .data-table thead th,.table-container.horizontal-scroll .data-table thead th{position:sticky;top:0;z-index:2}.table-container.max-400 .data-table thead th:after,.table-container.max-500 .data-table thead th:after,.table-container.horizontal-scroll .data-table thead th:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -1px 0 var(--color-border);pointer-events:none}.data-table th,.data-table td{padding:.65rem .75rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.data-table tbody tr:nth-child(odd){background:#30a14e0d}.cell-mono{font-family:var(--font-mono);font-weight:700;color:var(--color-text)}.cell-number{font-family:var(--font-mono);text-align:center}.compact-list{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.85rem}.two-column{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.span-2{grid-column:span 6}.span-3{grid-column:span 4}.full-width{grid-column:span 12}.min-500{min-width:500px}.min-600{min-width:600px}.min-1000{min-width:1000px}.min-1600{min-width:1600px}table th{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary)}.screen-footer{margin-top:2rem;text-align:center;color:var(--color-muted);font-size:.8rem}.screen-footer p{margin:0}.jump-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:#0d1117f2;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .2s ease,box-shadow .2s ease;z-index:1000;box-shadow:0 4px 12px #0000004d;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.jump-to-top-btn.visible{opacity:1;visibility:visible}.jump-to-top-btn:hover{transform:translateY(-2px);box-shadow:0 0 16px #30a14e99;background:#30a14e1a}.jump-to-top-btn:active{transform:translateY(0)}@media (max-width: 768px){.jump-to-top-btn{bottom:1.5rem;right:1.5rem;width:44px;height:44px}}@media (max-width: 480px){.jump-to-top-btn{bottom:1rem;right:1rem;width:40px;height:40px}}@media (max-width: 1024px){.screen-grid{grid-template-columns:repeat(12,1fr)}.timer-form-card{grid-column:span 7}.time-controls-card{grid-column:span 5}.controls-container,.playback-controls{flex-wrap:wrap}}@media (max-width: 768px){body{padding:.75rem;padding-top:calc(.75rem + 60px);font-size:.9rem}.top-navbar{padding:.5rem .75rem;height:auto;min-height:60px;overflow-x:auto;-webkit-overflow-scrolling:touch}.top-navbar .igut-time{font-size:.95rem}.hud-navbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;min-height:auto;overflow-x:auto}.hud-navbar-left,.hud-navbar-center,.hud-navbar-right{flex:none;width:100%;justify-content:flex-start;min-width:0}.hud-navbar-center{order:2;flex-direction:column;gap:.5rem;align-items:flex-start}.hud-navbar-left{order:1;flex-wrap:wrap;gap:.5rem}.hud-navbar-right{order:3;min-width:0;overflow:hidden}.hud-navbar-timer-section{text-align:left;width:100%;word-break:break-word}.hud-label{font-size:.65rem;line-height:1.4}.hud-time{font-size:.9rem;word-break:break-word}.hud-navbar-controls{flex-wrap:wrap;gap:.5rem;width:100%}.hud-navbar-right{order:3;min-width:0;width:100%;overflow:hidden}.hud-navbar-right .quick-links{display:flex;flex-direction:row;align-items:center;width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box}.hud-navbar-right .quick-links label{display:none}.hud-navbar-right .quick-links select{flex:1;width:100%;min-width:0;max-width:100%;font-size:16px;padding:.5rem;box-sizing:border-box;height:44px}.hud-navbar-no-session{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.hud-navbar-no-session .btn{width:100%;font-size:.75rem;padding:.4rem .8rem}.account-menu-wrapper{flex-wrap:wrap;gap:.5rem}.data-source-badge-navbar{font-size:.6rem;padding:2px 6px;white-space:nowrap}.nav-btn{min-width:44px;height:44px;padding:0 12px;font-size:1em;touch-action:manipulation}.speed-menu{right:0;left:auto;min-width:100px}.time-menu{left:auto;right:0;top:calc(100% + 4px);min-width:100px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.side-menu{top:60px;height:calc(100vh - 60px);z-index:1000;box-shadow:2px 0 12px #00000080;width:250px;transform:translate(-100%);transition:transform .3s ease;display:flex}.side-menu.expanded{width:250px;transform:translate(0)}.side-menu .menu-toggle{display:none}.main-content{margin-left:0;padding-left:.75rem;padding-right:.75rem}.main-content.menu-open{margin-left:0}body.menu-open:before{content:"";position:fixed;top:60px;left:0;right:0;bottom:0;background:#000000b3;z-index:999}h1{font-size:1.5rem}h2{font-size:1rem}.screen-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-meta{width:100%;margin-top:.5rem}.header-right{width:100%;align-items:flex-start;margin-top:0}.header-right .quick-links{flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}.header-right .quick-links select{width:100%;min-width:auto}.igut-clock-compact{align-items:flex-start}.igut-time{font-size:.9rem}.header-actions{width:100%;justify-content:flex-start}.screen-grid{grid-template-columns:1fr;gap:1rem}.col-3,.col-4,.col-6,.col-8,.col-12,.span-2,.span-3{grid-column:span 1}.time-controls-card{grid-column:span 12}.clock-display{font-size:1.25rem;flex-wrap:wrap}.clock-day{font-size:.9em}.clock-time{font-size:1em}.controls-container{flex-direction:column;gap:1.25rem}.playback-controls{justify-content:center;flex-wrap:wrap;gap:.75rem}.btn-playback{width:40px;height:40px}.time-adjustment-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.btn-time-adjust{padding:.5rem .75rem;font-size:.8rem;min-width:auto}.time-inputs-compact{flex-direction:column;gap:.5rem}.time-inputs-compact label{width:100%;justify-content:space-between}.form-input-small{width:80px}.timer-form-card{grid-column:span 12}.timer-form-card .form-group-inline{flex-direction:column;gap:.75rem}.timer-form-card .form-group-inline .form-field:first-child{flex:1}.timer-form-card .duration-inputs{flex-direction:column}.timer-form-card .duration-inputs label{width:100%;justify-content:space-between}.dice-roller-controls{flex-direction:column}.dice-roller-controls .form-select{min-width:100%}.active-timers-section{overflow-x:auto;-webkit-overflow-scrolling:touch;width:auto;margin:0 -.75rem;padding:0 .75rem}.timer-table{font-size:.7rem;min-width:600px;width:100%}.timer-table th,.timer-table td{padding:.4rem .5rem}.timer-table th:nth-child(1){width:25%}.timer-table th:nth-child(2){width:18%}.timer-table th:nth-child(3){width:18%}.timer-table th:nth-child(4){width:15%}.timer-table th:nth-child(5){width:20%}.timer-table th:nth-child(6){width:4%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.table-container.horizontal-scroll{margin:0 -.75rem;padding:0 .75rem}.min-500{min-width:400px}.min-600{min-width:500px}.min-1000{min-width:700px}.min-1600{min-width:900px}.timer-notes-input{font-size:.75rem;padding:.4rem .5rem;min-height:40px;touch-action:manipulation}.timer-action-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:.3rem;touch-action:manipulation}.active-timers-header{flex-direction:column;align-items:flex-start;gap:.75rem}.active-timers-header h2{font-size:.95rem}.card{padding:1rem}.card-header{gap:.5rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;position:relative}.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,rgba(13,17,23,.8));pointer-events:none;opacity:0;transition:opacity .3s ease}.table-container:not(:hover):after{opacity:.5}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem .6rem}.form-input,.form-select{font-size:.85rem;padding:.45rem .65rem;min-height:44px;touch-action:manipulation}.btn{padding:.5rem 1rem;font-size:.8rem;min-height:44px;touch-action:manipulation}.btn-icon{min-width:44px;min-height:44px;touch-action:manipulation}.interactive-section{gap:.5rem}.field-group{gap:.2rem}label{font-size:.7rem}.session-popup{padding:2rem .5rem .5rem;align-items:flex-start}.session-popup-content{width:100%;max-width:100%;max-height:calc(100vh - 2rem);margin:0;border-radius:8px}.session-popup-header{padding:1rem;flex-wrap:wrap;gap:.5rem}.session-popup-body{padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.session-input-group{flex-direction:column;gap:.75rem}.modal-content{width:100%;max-width:100%;padding:1.5rem;margin:.5rem;max-height:calc(100vh - 1rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content h2{font-size:1rem}.modal-content p{font-size:.9rem}.compact-list{font-size:.75rem}.info-box{font-size:.8rem;padding:.6rem .8rem}.info{font-size:.75rem;padding:.6rem}.two-column{grid-template-columns:1fr;gap:.75rem}.card-footer.two-column{grid-template-columns:1fr}}@media (max-width: 480px){body{padding:.5rem;padding-top:calc(.5rem + 60px);font-size:.85rem}.top-navbar{padding:.4rem .5rem;height:auto;min-height:60px}.top-navbar .igut-time{font-size:.85rem}.hud-navbar{padding:.5rem;gap:.5rem}.hud-navbar-right .quick-links select{font-size:.85rem;padding:.45rem .65rem}.hud-time{font-size:.8rem}.hud-label{font-size:.6rem}.nav-btn{min-width:44px;height:44px;padding:0 10px;font-size:1em;touch-action:manipulation}.side-menu.expanded{width:100%;max-width:300px}.data-source-badge-navbar{font-size:.6rem;padding:2px 6px}h1{font-size:1.25rem}h2{font-size:.9rem}.screen-header{gap:.75rem}.screen-subtitle{font-size:.7rem}.clock-display{font-size:1rem}.btn-playback{width:44px;height:44px;min-width:44px;min-height:44px;touch-action:manipulation}.time-adjustment-grid{grid-template-columns:repeat(2,1fr)}.btn-time-adjust{padding:.4rem .6rem;font-size:.75rem;min-height:44px;touch-action:manipulation}.timer-table{font-size:.65rem;min-width:500px}.timer-table th,.timer-table td{padding:.35rem .4rem}.timer-table .timer-action-btn{width:38px;height:38px;min-width:38px;min-height:38px}.card{padding:.75rem}.data-table{font-size:.7rem}.data-table th,.data-table td{padding:.4rem .5rem}.form-input,.form-select{font-size:.8rem;padding:.4rem .6rem;min-height:44px}.account-dropdown{right:0;left:auto;min-width:180px;max-width:calc(100vw - 1rem)}.auth-form-actions .btn{font-size:.85rem;padding:.5rem 1rem;min-height:44px}.btn-oauth{font-size:.85rem;padding:.65rem .85rem;min-height:44px}.btn{padding:.45rem .9rem;font-size:.75rem;min-height:44px;touch-action:manipulation}.btn-icon{min-width:44px;min-height:44px}.result-box{padding:.75rem;font-size:.8rem}.character-tag{font-size:.65rem;padding:.1rem .4rem}.min-500{min-width:350px}.min-600{min-width:450px}.min-1000{min-width:600px}.min-1600{min-width:750px}.main-content{padding-left:.5rem;padding-right:.5rem}.active-timers-section,.table-container.horizontal-scroll{margin:0 -.5rem;padding:0 .5rem}}@media print{body{background:#fff;color:#000;padding:.75in;font-size:10pt}.screen-header,.quick-links,.btn{display:none!important}.card{background:none;border:1px solid #bbb;box-shadow:none;page-break-inside:avoid}.data-table thead th{position:static;background:#f1f1f1;color:#000}.result-box{border-color:#bbb;background:#f8f8f8;color:#000}}section#equipment{max-height:900px}.card-header-collapsible{-webkit-user-select:none;user-select:none}.card-header-collapsible:hover{opacity:.9}.card-collapse-btn{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.card-collapse-btn:hover{opacity:1}.card-collapse-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.card-content-enter,.card-content-leave{transition:opacity .2s ease,max-height .3s ease;overflow:hidden}.card-content-enter-start,.card-content-leave-end{opacity:0;max-height:0}.card-content-enter-end,.card-content-leave-start{opacity:1;max-height:5000px}.card{align-self:stretch}.card-header-collapsible{flex-shrink:0;min-height:auto}.card>div[x-show]{flex-shrink:0}.row-header{background:#0d1117f0;border-radius:12px;padding:.75rem 1.25rem;margin-bottom:.5rem;transition:background-color .2s ease}.row-header:hover{background:#30a14e1a}.row-header h2{margin:0;border:none;padding:0;font-size:1rem;color:var(--color-primary)}.terminals-section{margin:2rem 0;padding:2rem}.terminals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.terminals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.terminal-card{background:#30a14e0d;border:1px solid var(--color-primary);border-radius:4px;padding:1.5rem;transition:all .2s ease}.terminal-card:hover{background:#30a14e1a;box-shadow:0 0 20px #30a14e33}.terminal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.terminal-card-header h3{margin:0;font-size:1.2rem;color:var(--color-primary)}.terminal-card-actions{display:flex;gap:.5rem}.terminal-card-body{color:var(--color-text)}.terminal-description{margin:.5rem 0;color:var(--color-muted);font-size:.9rem}.terminal-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.85rem;color:var(--color-muted)}.terminal-splash-flag{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--color-primary)}#terminal-editor-view{background:var(--color-bg);border:1px solid var(--color-primary);border-radius:4px;padding:2rem}.terminal-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.terminal-editor-content{display:grid;gap:2rem}.terminal-metadata-section,.terminal-content-section{background:#30a14e08;padding:1.5rem;border-radius:4px;border:1px solid rgba(48,161,78,.1)}.form-switch{display:flex;flex-direction:column;gap:.25rem}.form-switch-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text)}.form-switch-label input{width:1rem;height:1rem;accent-color:var(--color-primary)}.form-help{margin:0;font-size:.85rem;color:var(--color-muted)}.line-input-area{background:#0003;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.line-input-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.line-text-input{flex:1;font-family:var(--font-mono);resize:vertical}.line-formatting-toolbar{display:flex;flex-direction:row;gap:.75rem;align-items:center;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text);cursor:pointer}.line-actions-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.delay-input-group{display:flex;gap:.5rem;align-items:center}.content-lines-container{min-height:200px;max-height:500px;overflow-y:auto;background:#0000004d;border:1px solid var(--color-border);border-radius:4px;padding:1rem}.content-line{display:grid;grid-template-columns:30px 1fr auto;gap:1rem;align-items:center;background:#30a14e0d;border:1px solid var(--color-border);border-radius:4px;padding:.75rem;margin-bottom:.5rem;cursor:move;transition:all .2s ease}.content-line:hover{background:#30a14e1a;border-color:var(--color-primary)}.content-line.dragging{opacity:.5}.line-handle{color:var(--color-muted);cursor:grab;-webkit-user-select:none;user-select:none}.line-handle:active{cursor:grabbing}.line-preview{font-family:var(--font-mono);font-size:.9rem}.line-heading{text-decoration:underline;font-weight:700;font-size:1.2em}.line-underline{text-decoration:underline}.line-linebreak{color:var(--color-muted);font-style:italic}.line-delay{color:var(--color-warning);font-style:italic}.line-menu{color:var(--color-primary);padding:.5rem;background:#30a14e1a;border-left:2px solid var(--color-primary);margin:.25rem 0}.line-actions{display:flex;gap:.5rem}.no-content,.no-terminals{text-align:center;padding:3rem;color:var(--color-muted)}.terminal-editor-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.terminal-editor-modal .session-popup-content{max-width:95vw;width:1200px;max-height:95vh;overflow-y:auto}.terminal-editor-modal .terminal-metadata-section,.terminal-editor-modal .terminal-content-section{background:#30a14e08;padding:1.5rem;border-radius:4px;border:1px solid rgba(48,161,78,.1)}.terminal-editor-modal .line-input-area{background:#0000000d;padding:1rem;border-radius:4px;border:1px solid var(--color-border)}.terminal-editor-modal .content-lines-container{background:#000;border:1px solid var(--color-border);border-radius:4px;padding:1rem;min-height:200px;max-height:400px;overflow-y:auto}.terminal-editor-modal .content-line{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.5rem;background:#000;border:1px solid var(--color-border);border-radius:4px;transition:all .2s ease}.terminal-editor-modal .content-line:hover{background:#30a14e33;border-color:var(--color-primary)}.terminal-editor-modal .line-preview{flex:1;font-family:var(--font-mono, monospace);font-size:.9rem;color:var(--color-text)}.terminal-editor-modal .line-actions{display:flex;gap:.25rem}.terminal-editor-modal .line-actions .btn-icon{padding:.25rem .5rem;font-size:.9rem}.terminal-editor-modal .line-actions .btn-icon:disabled{opacity:.5;cursor:not-allowed}.hardware-name-description{display:flex;flex-direction:column;gap:.25rem}.hardware-name{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.hardware-description{font-family:var(--font-body);font-size:.8rem;color:var(--color-muted);font-style:normal;line-height:1.4}.status-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-online{background-color:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.status-offline{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.status-maintenance{background-color:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.hidden{display:none!important}.help-container{max-width:1200px;margin:0 auto;padding:2rem}.help-section{background:#0d1117f0;border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 12px 32px #00000059}.help-section h2{color:var(--color-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.help-section h3{color:var(--color-text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;margin-top:2rem;margin-bottom:1rem}.help-section p{color:var(--color-text);line-height:1.8;margin-bottom:1rem}.help-section ul,.help-section ol{color:var(--color-text);line-height:1.8;margin-bottom:1rem;margin-left:1.5rem}.help-section li{margin-bottom:.5rem}.help-section strong{color:var(--color-primary)}.help-section code{background:#30a14e26;padding:.2rem .4rem;border-radius:4px;font-family:var(--font-mono);font-size:.9em;color:var(--color-primary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-card{background:#0d111799;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.feature-card h4{color:var(--color-primary);font-family:var(--font-mono);font-size:1rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.feature-card p{font-size:.95rem;margin-bottom:0}.workflow-steps{counter-reset:step-counter;list-style:none;margin-left:0}.workflow-steps li{counter-increment:step-counter;position:relative;padding-left:3rem;margin-bottom:1.5rem}.workflow-steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background:var(--color-primary);color:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-mono)}.badge{display:inline-block;padding:.25rem .6rem;background:#30a14e33;border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-left:.5rem}.badge-soon{background:#ffc10733;border-color:#ffc107;color:#ffc107}