:root{--bg-base:#ccd1db;--bg-primary:#d4d9e3;--bg-secondary:#e8ebf0;--bg-tertiary:#fff;--bg-glass:#ffffffe6;--bg-glass-hover:#fffffff2;--bg-glass-danger:#ef444414;--border-glass:#0000000d;--border-glass-hover:#00000014;--border-danger:#ef444440;--text-primary:#1a1a1f;--text-secondary:#42424a;--text-muted:#6b6b76;--text-danger:#dc2626;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-secondary:#0891b2;--shadow-s:inset 0 1px 0 #fffc,0 1px 2px #0000000f,0 2px 4px #0000000a;--shadow-m:inset 0 1px 0 #ffffffe6,0 2px 4px #00000012,0 4px 8px #0000000a;--shadow-l:inset 0 1px 0 #fff,0 4px 6px #00000012,0 8px 16px #0000000a;--shadow-inset:inset 0 10px 24px #0000002e,inset 0 3px 6px #0000001f,inset 0 -1px 0 0 #fff;--shadow-danger:0 4px 12px #ef44441f;--blur-glass:20px;--blur-glass-light:10px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}[data-theme=dark]{--bg-base:#16171c;--bg-primary:#121316;--bg-secondary:#1a1b20;--bg-tertiary:#242529;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--bg-glass-danger:#ef444426;--border-glass:#ffffff14;--border-glass-hover:#ffffff1f;--border-danger:#ef44444d;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-danger:#ef4444;--accent:#3b82f6;--accent-hover:#2563eb;--accent-secondary:#06b6d4;--shadow-s:inset 0 1px 2px #ffffff14,0 1px 2px #0006,0 2px 4px #0003;--shadow-m:inset 0 1px 2px #ffffff1a,0 2px 4px #0006,0 4px 8px #0003;--shadow-l:inset 0 1px 2px #ffffff1f,0 4px 6px #0006,0 6px 10px #0003;--shadow-inset:inset 0 2px 8px #000c,inset 0 -1px 0 #ffffff0f;--shadow-danger:0 4px 12px #ef444440}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-glass-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border-glass)transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent);color:#fff}.app-shell{flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow:hidden}.winbox-area{background:var(--bg-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-inset);flex:1;position:relative;overflow:hidden}.app-header{background:var(--bg-secondary);height:56px;-webkit-backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-xl);box-shadow:var(--shadow-m);justify-content:space-between;align-items:center;gap:16px;padding:0 12px;display:flex;position:relative}.app-header-left{align-items:center;gap:12px;display:flex}.app-back{color:var(--text-muted);border-radius:var(--radius-md);background:var(--bg-tertiary);box-shadow:var(--shadow-s);border:none;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.app-back:before{content:"←";font-size:14px}.app-back:hover{color:var(--text-primary);box-shadow:var(--shadow-m)}.app-title{letter-spacing:.02em;color:var(--text-primary);font-size:14px;font-weight:600}.app-header-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.app-divider{background:var(--text-muted);opacity:.4;border-radius:1px;width:2px;height:24px}.app-date{font-variant-numeric:tabular-nums;color:var(--text-secondary);border-radius:var(--radius-md);background:var(--bg-base);box-shadow:var(--shadow-inset);padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s}.app-time{font-variant-numeric:tabular-nums;color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s}.app-time:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-s)}.app-fullscreen-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.app-fullscreen-btn:hover{color:var(--text-primary);transform:scale(1.1)}.app-fullscreen-btn:active{transform:scale(1)}@media (max-width:720px){.app-shell{padding:12px}.app-header{text-align:center;grid-template-columns:1fr;height:auto;padding:16px}.app-header-left,.app-header-right{justify-content:center}}