.john-apps-launcher{position:relative;display:inline-flex}.john-apps-launcher-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#ffffffeb;color:#475569;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.john-apps-launcher-trigger:hover{background:#fff;border-color:#6366f159;color:#4338ca}.john-apps-launcher-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;width:min(320px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(226,232,240,.95);border-radius:16px;background:#fff;box-shadow:0 18px 40px #0f172a24,0 2px 8px #0f172a0f}.john-apps-launcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px}.john-apps-launcher-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-radius:12px;color:#0f172a;text-decoration:none;transition:background .15s ease}.john-apps-launcher-item:hover{background:#f8fafc}.john-apps-launcher-item-current{background:#eef2ff}.john-apps-launcher-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.john-apps-launcher-icon{display:block;width:40px;height:40px;border-radius:12px}.john-apps-launcher-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;text-align:center}.john-apps-launcher-footer{display:block;border-top:1px solid #f1f5f9;padding:10px 12px;color:#64748b;font-size:12px;text-align:center;text-decoration:none}.john-apps-launcher-footer:hover{color:#4338ca;background:#fafafa}.john-apps-launcher-floating{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:100}:root{--bg: #f5f6f8;--bg-tint: #eef2ff;--panel: #ffffff;--text: #111827;--muted: #6b7280;--border: #e8eaed;--border-strong: #d1d5db;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: rgba(37, 99, 235, .1);--accent-glow: rgba(37, 99, 235, .18);--easy: #059669;--easy-soft: rgba(5, 150, 105, .1);--medium: #d97706;--medium-soft: rgba(217, 119, 6, .1);--hard: #dc2626;--hard-soft: rgba(220, 38, 38, .1);--high: #7c3aed;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);--shadow: 0 4px 16px rgba(17, 24, 39, .06);--radius: 10px;--radius-sm: 8px;--radius-lg: 14px;--ease: .18s ease;--layout-sidebar-width: 272px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%;position:relative}html{width:100%;overflow-x:hidden;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{overflow-x:hidden;max-width:100%;min-height:100%}button,input,select{font:inherit;color:inherit}button{transition:background var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{--sidebar-width: var(--layout-sidebar-width);display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease;max-width:100%;overflow-x:hidden}.sidebar{display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);padding:18px 14px;overflow:hidden}.sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid var(--border)}.sidebar-head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.brand h1{margin:0;font-size:16px;font-weight:650;letter-spacing:-.02em;color:var(--text)}.brand-with-logo{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.brand-text{min-width:0}.brand-logo{display:inline-flex;flex-shrink:0;line-height:0}.brand-logo svg,.brand-logo img{display:block;filter:drop-shadow(0 2px 8px rgba(99,102,241,.14))}.brand-logo-md svg,.brand-logo-md img{width:40px;height:40px}.brand-logo-sm svg,.brand-logo-sm img{width:38px;height:38px}.brand p{margin:3px 0 0;color:var(--muted);font-size:12px}.user-chip{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;background:var(--bg);border-radius:var(--radius);flex-shrink:0}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700;flex-shrink:0}.user-chip-text{flex:1;min-width:0}.user-chip-label{display:block;font-size:11px;color:var(--muted);line-height:1.2}.user-email{display:block;margin:0;font-size:12px;font-weight:500;word-break:break-all;line-height:1.3}.user-logout{flex-shrink:0;padding-inline:8px}.sidebar-body{flex:1;min-height:0;overflow:auto;margin-top:18px;padding-right:2px}.sidebar-body::-webkit-scrollbar,.category-list::-webkit-scrollbar{width:4px}.sidebar-body::-webkit-scrollbar-thumb,.category-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.sidebar-section{margin-bottom:18px}.sidebar-section-grow{margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-head .label{margin-bottom:0}.label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:8px;letter-spacing:.06em}.text-btn{border:none;background:none;padding:0;font-size:11px;font-weight:500;color:var(--accent);cursor:pointer}.text-btn:hover{color:var(--accent-hover)}.search-field{position:relative}.search-field input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 32px 9px 11px;font-size:13px;background:var(--bg);transition:border-color var(--ease),background var(--ease)}.search-field input:hover{border-color:var(--border-strong)}.search-field input:focus{background:#fff;border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--muted);font-size:16px;line-height:1;border-radius:50%;cursor:pointer}.search-clear:hover{background:var(--border);color:var(--text)}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500;cursor:pointer;color:var(--muted)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:#2563eb40;color:var(--accent);font-weight:600}.chip-easy.active{background:var(--easy-soft);border-color:#05966940;color:var(--easy)}.chip-medium.active{background:var(--medium-soft);border-color:#d9770640;color:var(--medium)}.chip-hard.active{background:var(--hard-soft);border-color:#dc262640;color:var(--hard)}.category-list{display:flex;flex-direction:column;gap:2px;max-height:min(280px,36vh);overflow:auto}.category-item{display:flex;justify-content:space-between;align-items:center;gap:8px;border:none;background:transparent;border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;cursor:pointer;color:var(--text);text-align:left}.category-item:hover{background:var(--bg)}.category-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.category-name{flex:1;min-width:0}.category-count{flex-shrink:0;min-width:22px;padding:1px 6px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:11px;font-weight:600;text-align:center}.category-item.active .category-count{background:#2563eb26;color:var(--accent)}.sidebar-footer{flex-shrink:0;margin-top:12px;padding-top:14px;border-top:1px solid var(--border)}.progress-bar{height:4px;background:var(--bg);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#60a5fa);border-radius:999px;transition:width .3s ease}.progress-text{margin:8px 0 10px;font-size:12px;color:var(--muted)}.progress-text strong{color:var(--text);font-size:14px}.progress-actions{display:flex;gap:6px}.sidebar-close,.sidebar-collapse{display:none!important}.sidebar-backdrop{display:none}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.main{padding:24px 28px 48px;max-width:1280px;min-width:0;width:100%;container-type:inline-size;container-name:main}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;min-width:0}.page-header-menu,.page-header-menu-placeholder{display:none;flex-shrink:0}.app.sidebar-collapsed .page-header-menu{display:inline-flex}.page-header-brand,.page-header-summary,.page-header-spacer{display:none}.page-header-intro{flex:1;min-width:0}.page-header-app-name{font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}.page-header-actions{display:flex;flex-shrink:0;align-items:center}.page-title{margin:0;font-size:20px;font-weight:650;letter-spacing:-.02em}.page-subtitle{margin:4px 0 0;font-size:13px;color:var(--muted)}.toolbar-progress-hint{color:var(--muted);font-weight:500}select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 28px 7px 10px;font-size:13px;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select:hover{border-color:var(--border-strong)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-accent, var(--accent));opacity:.85}.stat-card:nth-child(1){--stat-accent: var(--accent)}.stat-card:nth-child(2){--stat-accent: var(--high)}.stat-card:nth-child(3){--stat-accent: var(--hard)}.stat-card:nth-child(4){--stat-accent: var(--easy)}.stat-card strong{display:block;font-size:22px;font-weight:650;line-height:1.2;letter-spacing:-.02em}.stat-card span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(268px,100%),1fr));gap:12px}@container main (max-width: 639px){.grid{grid-template-columns:minmax(0,1fr)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:15px 16px;cursor:pointer;transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease);box-shadow:var(--shadow-sm)}.card:hover{border-color:#2563eb4d;box-shadow:var(--shadow)}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-1px)}}.card.done{background:#fafbfc;border-color:var(--border)}.card.done:hover{border-color:#0596694d}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card-head h3{margin:0;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;flex:1;min-width:0;overflow-wrap:anywhere}.badge{flex-shrink:0;font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}.badge.easy{background:var(--easy-soft);color:var(--easy)}.badge.medium{background:var(--medium-soft);color:var(--medium)}.badge.hard{background:var(--hard-soft);color:var(--hard)}.card-meta{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tag{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--bg);color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.high{background:#7c3aed1a;color:var(--high)}.card-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted);min-width:0}.card-foot span{min-width:0}.card-foot span:last-child{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.card-status{font-weight:600}.card-status.done{color:var(--easy)}.btn,.icon-btn{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-sm);padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer}.btn:hover,.icon-btn:hover{border-color:var(--border-strong);background:var(--bg)}.btn-sm{padding:5px 10px;font-size:12px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent}.btn.ghost.active{background:var(--accent-soft);border-color:#2563eb40;color:var(--accent)}.btn.danger{color:var(--hard)}.btn.danger:hover{background:var(--hard-soft);border-color:#dc262633}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;color:var(--muted);border-radius:var(--radius-sm)}.icon-btn:hover{color:var(--text)}.shell-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer;flex-shrink:0;box-shadow:var(--shadow-sm)}.shell-icon-btn:hover{border-color:var(--border-strong);background:#fff}.shell-icon-btn .filter-badge{position:absolute;top:2px;right:2px;margin:0;min-width:15px;height:15px;font-size:9px;border:2px solid var(--panel)}dialog.detail-dialog{border:none;border-radius:var(--radius-lg);padding:0;width:min(860px,92vw);max-height:min(90vh,900px);box-shadow:0 24px 64px #11182729;overflow:hidden}dialog.detail-dialog.code-mode{width:min(920px,96vw)}dialog.detail-dialog::backdrop{background:#11182766}dialog.detail-dialog[open]{display:flex;flex-direction:column}dialog.confirm-dialog{border:none;border-radius:var(--radius-lg);padding:0;width:min(320px,calc(100% - 32px));box-shadow:0 24px 64px #11182729;overflow:hidden}dialog.confirm-dialog::backdrop{background:#11182773}.confirm-body{padding:22px 22px 8px}.confirm-body h3{margin:0 0 8px;font-size:17px;font-weight:650;letter-spacing:-.02em}.confirm-body p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px 22px}.confirm-actions .btn{min-width:72px}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0;padding:18px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.dialog-header-main{flex:1;min-width:0}.detail-meta{margin:0;color:var(--muted);font-size:12px}.dialog-header h2{margin:4px 0 0;font-size:18px;font-weight:650;letter-spacing:-.02em;line-height:1.35}.dialog-footer{flex-shrink:0;padding:14px 20px;border-top:1px solid var(--border);background:var(--panel);display:flex;justify-content:flex-end}.dialog-body{flex:1;min-height:0;padding:0 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--panel)}.detail-meta-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;color:var(--muted);line-height:1.5}.detail-companies{flex:1;min-width:0}.detail-pass-rate{flex-shrink:0;color:var(--muted)}.detail-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 6px}.detail-tags .badge{font-size:10px;padding:3px 7px}.detail-tabs{display:flex;gap:2px;padding:3px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:16px}.detail-tab{flex:1;border:none;background:transparent;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;text-align:center;transition:background var(--ease),color var(--ease),box-shadow var(--ease)}.detail-tab:hover:not(.active):not(:disabled){color:var(--text)}.detail-tab.active{background:#fff;color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.detail-panel{display:none}.detail-panel.active{display:block}.detail-prose{color:#374151;font-size:14px;line-height:1.7}.detail-prose section+section{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.detail-prose h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text)}.detail-prose p{margin:0}.detail-prose .example{margin-top:10px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;color:#334155}.detail-actions{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.copy-chip{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;text-align:left}.detail-loading{display:flex;flex-direction:column;gap:12px;padding:8px 0 16px}.detail-loading-line,.detail-loading-block{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg) 25%,#eceff3 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.detail-loading-line{height:14px}.detail-loading-line.short{width:60%}.detail-loading-block{height:72px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-tab:disabled{opacity:.5;cursor:not-allowed}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.code-meta{display:flex;flex-direction:column;gap:2px}.code-filename{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;color:#334155}.code-lines{font-size:12px;color:var(--muted)}.code-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;max-height:52vh;background:#fafbfc}.code-block{margin:0;padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:22px;-moz-tab-size:4;tab-size:4}.code-row{display:flex;align-items:stretch;min-height:22px}.code-row:hover{background:#2563eb0a}.code-gutter{flex:0 0 52px;text-align:right;padding:0 12px 0 8px;color:#94a3b8;background:#f1f5f9;border-right:1px solid var(--border);-webkit-user-select:none;user-select:none}.code-content{flex:1;padding:0 16px;white-space:pre;color:#1e293b;overflow-x:auto}.hl-kw{color:#1d4ed8;font-weight:600}.hl-ty{color:#6d28d9}.hl-str{color:#047857}.hl-num{color:#b45309}.hl-cm{color:#94a3b8;font-style:italic}.hl-ann{color:#be185d}.copy-chip:hover{border-color:var(--border-strong);background:#fff}.copy-chip-label{font-size:11px;font-weight:600;color:var(--muted)}.copy-chip code{display:block;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;padding:0;border-radius:0;text-align:right}.btn-block{width:100%}.copy-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.copy-row code{display:block;padding:10px 12px;background:#111827;color:#e5e7eb;border-radius:var(--radius-sm);font-size:12px;overflow:auto;white-space:nowrap}.empty,.hidden{display:none}.empty{text-align:center;color:var(--muted);padding:48px 0;font-size:14px}.toast{position:fixed;right:20px;bottom:20px;background:#111827;color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.loading-state{color:var(--muted);font-size:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow)}.login-card h1{margin:0 0 6px;font-size:22px;font-weight:650;letter-spacing:-.02em}.login-desc{margin:0 0 24px;color:var(--muted);font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.login-form input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;background:var(--bg)}.login-form input:focus{background:#fff;border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.login-code-row{display:flex;gap:8px}.login-code-row input{flex:1}.login-hint{margin:0;padding:8px 12px;background:var(--easy-soft);color:var(--easy);border-radius:var(--radius-sm);font-size:13px}.login-error{margin:0;color:var(--hard);font-size:13px}.login-submit{width:100%}@media(max-width:1023px),(hover:none)and (pointer:coarse){html,body,#root{overflow-x:hidden;width:100%;max-width:100%}body{background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(37,99,235,.08),transparent 55%),var(--bg);overscroll-behavior-x:none}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden;touch-action:pan-y}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:120;width:min(300px,calc(100% - 24px));max-width:300px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:8px 0 40px #1118271f;animation:sidebar-slide-in .25s cubic-bezier(.4,0,.2,1)}@keyframes sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-close{display:inline-flex!important;flex-shrink:0}.sidebar-collapse{display:none!important}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;border:none;padding:0;background:#11182759;opacity:0;pointer-events:none;transition:opacity .25s ease}.app.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.page-header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"menu brand spacer" "summary summary sort";align-items:center;gap:8px 10px;margin-bottom:12px;padding:10px 12px;position:sticky;top:0;z-index:20;width:100%;max-width:100%;box-sizing:border-box;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 4px 20px #1118270f}.page-header-menu{grid-area:menu;display:inline-flex!important}.page-header-menu-placeholder{display:none}.page-header-brand{grid-area:brand;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.page-header-spacer{grid-area:spacer;display:block;width:40px}.page-header-intro{display:none}.page-header-summary{grid-area:summary;display:block;margin:0;font-size:13px;font-weight:600;color:var(--text);min-width:0}.page-header-actions{grid-area:sort}.page-header-actions select{max-width:132px;padding:6px 28px 6px 10px;font-size:12px}.main{flex:1;min-width:0;padding:max(12px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom));max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.page-header,.stats,.grid{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.card{width:100%;max-width:100%;min-width:0;padding:14px;overflow:hidden}.card-head{flex-wrap:wrap}.card-head h3{flex:1 1 140px}.card:active{transform:none}.category-list{max-height:32vh}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.stat-card{padding:12px 14px;min-width:0}.stat-card strong{font-size:20px}dialog.detail-dialog,dialog.detail-dialog.code-mode{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;border:none;border-radius:0;animation:dialog-slide-up .28s cubic-bezier(.32,.72,0,1)}@keyframes dialog-slide-up{0%{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}.dialog-header{padding:max(16px,env(safe-area-inset-top)) 18px 16px}.dialog-header h2{font-size:17px}.dialog-body{padding:0 18px 18px}.dialog-footer{padding:12px 18px max(12px,env(safe-area-inset-bottom))}.detail-tabs{position:sticky;top:0;z-index:2;margin-bottom:14px;background:var(--bg)}.detail-prose section+section{margin-top:16px;padding-top:16px}.confirm-actions{padding-bottom:max(22px,env(safe-area-inset-bottom))}.confirm-actions .btn{flex:1;min-width:0}.code-panel{max-height:none;flex:1}.toast{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));text-align:center}.progress-actions .btn{flex:1}.login-page{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.login-card{padding:24px 20px}.login-code-row{flex-direction:column}.login-code-row .btn{width:100%}.login-form input,.search-field input,select{font-size:16px}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.sidebar-backdrop{display:none!important}.sidebar-collapse{display:inline-flex!important;flex-shrink:0}.app.sidebar-collapsed{--sidebar-width: 0px}.app.sidebar-collapsed .sidebar{padding:0;border-right:none;opacity:0;pointer-events:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}dialog.detail-dialog,dialog.detail-dialog.code-mode{animation:none}.sidebar{animation:none}}