:root{color-scheme:light;--bg: #f0f4ff;--panel: #ffffff;--ink: #18202e;--muted: #64748b;--line: #e2e8f4;--brand: #6366f1;--brand-dark: #4f46e5;--brand-light: #818cf8;--brand-soft: #eef2ff;--brand-glow: rgba(99, 102, 241, .18);--green: #10b981;--green-soft: #d1fae5;--easy: #10b981;--medium: #f59e0b;--hard: #ef4444;--again-color: #ef4444;--good-color: #6366f1;--ez-color: #10b981;--shadow-xs: 0 1px 2px rgba(15,23,42,.05);--shadow-sm: 0 1px 4px rgba(15,23,42,.07), 0 4px 12px rgba(15,23,42,.05);--shadow: 0 2px 8px rgba(15,23,42,.07), 0 8px 24px rgba(15,23,42,.05);--shadow-lg: 0 8px 32px rgba(99,102,241,.16), 0 2px 8px rgba(15,23,42,.08);--shadow-card-hover: 0 6px 24px rgba(99,102,241,.18), 0 2px 8px rgba(15,23,42,.1);--radius: 16px;--radius-sm: 10px;--radius-xs: 7px;--t-fast: .14s ease;--t-med: .24s ease;--t-spring: .45s cubic-bezier(.34,1.56,.64,1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at -5% -5%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 105% 110%,rgba(139,92,246,.05) 0%,transparent 60%);pointer-events:none;z-index:0}h1,h2,h3{margin:0;line-height:1.25}a{color:var(--brand)}code{background:var(--brand-soft);color:var(--brand-dark);padding:1px 7px;border-radius:6px;font-size:.88em;font-family:Fira Code,Cascadia Code,ui-monospace,monospace}.muted{color:var(--muted)}.small{font-size:.85rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;height:62px;background:#ffffffd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,244,.8);box-shadow:0 1px #fff9,0 4px 20px #0f172a0a;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;flex:none}.logo{font-size:26px;line-height:1}.logo.big{font-size:48px}.brand h1{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--brand-dark),var(--brand-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{margin:0;font-size:.75rem;color:var(--muted);font-weight:500}.topbar-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.role-select,.search,.diff-select{font:inherit;font-size:.88rem;padding:7px 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.role-select:focus,.search:focus,.diff-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search{min-width:220px}.job-select{max-width:300px}.layout{display:grid;grid-template-columns:290px 1fr;gap:20px;max-width:1240px;margin:20px auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 820px){.layout,.visual-flow{grid-template-columns:1fr}.visual-arrow{justify-self:center;transform:rotate(90deg)}.answer,.card-actions{padding-left:18px}.topbar{height:auto;padding:12px 16px}}.sidebar{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:78px}.progress-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px}.progress-ring-wrap{position:relative;flex:none}.progress-ring-wrap svg{display:block;overflow:visible}.progress-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.progress-ring-label strong{font-size:.88rem;font-weight:800;color:var(--brand)}.progress-ring-label span{font-size:.62rem;color:var(--muted);font-weight:600}.progress-info{flex:1;min-width:0}.progress-info strong{display:block;font-size:.88rem;font-weight:700;margin-bottom:2px}.progress-info .muted{font-size:.78rem}.progress-bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin:8px 0 4px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:99px;transition:width .4s ease}.topic-tools{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px}.topic-search{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius-xs);color:var(--ink);font:inherit;font-size:.88rem;outline:none;padding:8px 12px;width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.topic-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.empty-topics{margin:8px 10px}.topic-list{display:flex;flex-direction:column;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-height:calc(100vh - 260px);overflow-y:auto;padding:8px;box-shadow:var(--shadow-sm)}.topic-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1.5px solid transparent;background:transparent;color:var(--ink);font:inherit;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.topic-btn:hover{background:var(--bg);border-color:var(--line);transform:translate(2px)}.topic-btn.active{background:linear-gradient(135deg,var(--brand-soft),rgba(238,242,255,.6));border-color:#6366f140;color:var(--brand);font-weight:650}.topic-name{display:grid;gap:1px;font-size:.88rem}.topic-name em{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:600}.topic-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.topic-count{font-size:.72rem;color:var(--muted);background:var(--bg);border-radius:99px;padding:2px 7px;white-space:nowrap;font-weight:700}.topic-btn.active .topic-count{background:#6366f126;color:var(--brand)}.mini-bar{width:42px;height:4px;background:var(--line);border-radius:99px;overflow:hidden;flex-shrink:0}.mini-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:99px;transition:width .4s ease}.content{min-width:0;position:relative;z-index:1}.role-brief{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 18px}.role-brief-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.eyebrow{color:var(--brand);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.role-brief h2{font-size:1.1rem;font-weight:700}.role-desc{color:var(--muted);margin:10px 0 0;font-size:.92rem}.field-subtitle{color:var(--muted);font-size:.88rem;margin:5px 0 0;max-width:720px}.role-stats{display:flex;flex:none;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.role-stats span{background:var(--brand-soft);border-radius:99px;color:var(--brand);font-size:.75rem;font-weight:700;padding:4px 10px}.brief-toggle{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-xs);color:var(--brand);cursor:pointer;font:inherit;font-size:.75rem;font-weight:700;padding:5px 10px;transition:background var(--t-fast),border-color var(--t-fast)}.brief-toggle:hover{border-color:var(--brand);background:var(--brand-soft)}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:14px}.focus-grid span{background:var(--brand-soft);border-radius:var(--radius-xs);color:var(--ink);font-size:.78rem;font-weight:600;padding:6px 10px}.source-link{color:var(--brand);display:inline-block;font-size:.88rem;font-weight:700;margin-top:14px;text-decoration:none}.source-link:hover{text-decoration:underline}.role-brief.collapsed .role-brief-main{align-items:center}.field-strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.field-strip button{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;display:grid;gap:4px;min-height:68px;padding:12px 14px;text-align:left;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.field-strip button:hover{border-color:var(--brand);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.field-strip button.active{background:linear-gradient(160deg,var(--brand-soft),var(--panel));border-color:#6366f166;box-shadow:var(--shadow-lg)}.field-strip strong{font-size:.92rem;font-weight:700}.field-strip span{color:var(--muted);font-size:.78rem}.content-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;flex-wrap:wrap}.content-head h2{font-size:1.25rem;font-weight:800}.content-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;background:transparent;font:inherit;font-size:.86rem;padding:7px 16px;cursor:pointer;color:var(--muted);transition:background var(--t-fast),color var(--t-fast)}.seg button.on{background:var(--brand);color:#fff;font-weight:650}.filter-btn{border:1.5px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-size:.84rem;padding:7px 13px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast)}.filter-btn.on{background:#fef9c3;border-color:#fde68a;color:#78350f;font-weight:650}[data-theme=dark] .filter-btn.on{background:#292000;border-color:#a16207;color:#fbbf24}.icon-btn{border:1.5px solid var(--line);background:var(--panel);color:var(--muted);font-size:1rem;font-weight:700;padding:7px 11px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);line-height:1}.icon-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.study-paths{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:14px 16px}.study-paths-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.study-paths-head span{color:var(--brand);display:block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.study-paths-head p{color:var(--muted);font-size:.86rem;margin:3px 0 0}.study-paths-head button,.cluster-pills button{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;font:inherit;transition:all var(--t-fast)}.study-paths-head button{flex:none;font-size:.84rem;font-weight:700;padding:6px 12px}.study-paths-head button:hover,.cluster-pills button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.cluster-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cluster-pills button{align-items:center;display:flex;gap:7px;max-width:100%;padding:6px 10px}.cluster-pills span{font-size:.82rem;line-height:1.25}.cluster-pills em{background:var(--bg);border-radius:99px;color:var(--muted);flex:none;font-size:.72rem;font-style:normal;font-weight:800;padding:1px 7px}.study-paths-head button.active,.cluster-pills button.active{background:var(--brand);border-color:var(--brand);color:#fff}.cluster-pills button.active em{background:#ffffff38;color:#fff}.cluster-desc{color:var(--muted);font-size:.88rem;margin:8px 0 0}.cards{display:flex;flex-direction:column;gap:10px}.grouped-cards{gap:18px}.book-outline{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:14px;justify-content:space-between;padding:12px 16px}.book-outline span{color:var(--brand);display:block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.book-outline p{color:var(--muted);font-size:.86rem;margin:3px 0 0}.book-actions{display:flex;flex:none;gap:8px}.book-actions button{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-xs);color:var(--brand);cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;padding:5px 10px;transition:all var(--t-fast)}.book-actions button:hover{background:var(--brand-soft);border-color:var(--brand)}.question-group{display:grid;gap:8px}.question-group-head{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:space-between;padding:12px 16px;position:sticky;text-align:left;top:72px;z-index:3;width:100%;color:inherit;cursor:pointer;font:inherit;transition:box-shadow var(--t-fast)}.question-group-head:hover{box-shadow:var(--shadow)}.question-group.closed{gap:0}.question-group-body{display:grid;gap:8px}.question-group-head h3{font-size:.96rem;font-weight:700}.question-group-head p{color:var(--muted);font-size:.82rem;margin:3px 0 0}.question-group-meta{align-items:center;display:flex;flex:none;gap:8px}.question-group-meta span{background:var(--brand-soft);border-radius:99px;color:var(--brand);flex:none;font-size:.75rem;font-weight:800;padding:3px 9px}.question-group-meta i{color:var(--muted);font-size:.75rem;font-style:normal;font-weight:700}.card{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);animation:card-in .22s ease both}.card:hover{border-color:#6366f140;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card.known{border-color:#a7f3d0}.card.known:hover{border-color:#6ee7b7;box-shadow:0 6px 24px #10b98124,0 2px 8px #0f172a14}.card-head{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer}.card-q{display:flex;gap:12px}.qnum{flex:none;width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--brand-soft),rgba(238,242,255,.5));color:var(--brand);font-weight:800;font-size:.75rem;display:grid;place-items:center;border:1px solid rgba(99,102,241,.15)}.card-topic{font-size:.72rem;color:var(--brand);font-weight:700;margin-bottom:2px;letter-spacing:.03em}.prompt{margin:0 0 8px;font-weight:650;font-size:1rem}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{font-size:.7rem;padding:2px 8px;border-radius:99px;font-weight:700}.badge.tag{background:var(--bg);color:var(--muted)}.diff-easy{background:#d1fae5;color:#065f46}.diff-medium{background:#fef3c7;color:#92400e}.diff-hard{background:#fee2e2;color:#991b1b}.chev{color:var(--muted);transition:transform .22s ease;align-self:flex-start;margin-top:2px;font-size:.9rem}.chev.open{transform:rotate(180deg)}.answer{padding:16px 18px 8px 56px;border-top:1px solid var(--line);animation:answer-slide-in .22s ease both}@keyframes answer-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.answer p{margin:0}.answer-body{display:grid;gap:12px}.answer-body ul{margin:8px 0 10px 18px;padding:0}.answer-body li{margin:5px 0}.answer-breakdown{display:grid;gap:10px}.answer-takeaway,.answer-points{border:1px solid var(--line);border-radius:12px;padding:13px 15px}.answer-takeaway{background:linear-gradient(160deg,var(--brand-soft),rgba(255,255,255,.5));border-left:4px solid var(--brand)}.answer-points{background:var(--bg)}.answer-takeaway>span,.answer-points>span,.visual-title{color:var(--brand);display:block;font-size:.68rem;font-weight:800;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}.answer-takeaway p{font-size:1rem;font-weight:650}.answer-points ul{margin-bottom:0}.answer-points li{padding-left:3px}.concept-visual{background:linear-gradient(160deg,var(--bg),rgba(238,242,255,.3));border:1px solid var(--line);border-radius:12px;padding:14px}.visual-flow{align-items:stretch;display:grid;grid-template-columns:1fr auto 1fr auto 1.35fr;gap:8px}.visual-node{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;gap:3px;min-width:0;padding:10px}.visual-node strong{color:var(--ink);font-size:.88rem}.visual-node span{color:var(--muted);font-size:.76rem}.visual-node.accent{background:var(--brand-soft);border-color:#6366f14d}.visual-arrow{align-self:center;color:var(--brand);font-weight:900}.visual-ladder{display:grid;gap:5px}.visual-ladder span{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius-xs);font-size:.84rem;font-weight:650;padding:6px 10px}.packet-stack{display:grid;gap:6px}.packet-stack div{align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:9px;display:flex;gap:12px;justify-content:space-between;padding:7px 10px}.packet-stack strong{font-size:.86rem}.packet-stack span{color:var(--muted);font-size:.78rem;text-align:right}.fsm-strip{display:flex;flex-wrap:wrap;gap:7px}.fsm-strip span{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink);flex:1 1 100px;font-size:.8rem;font-weight:700;padding:7px 9px;position:relative;text-align:center}.fsm-strip span:not(:last-child):after{color:var(--brand);content:"›";font-weight:900;position:absolute;right:-8px;font-size:1rem}.congestion-visual{display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.congestion-visual div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}.congestion-visual strong{color:var(--brand);display:block;font-size:.9rem;margin-bottom:2px}.congestion-visual span{color:var(--muted);display:block;font-size:.78rem}.bgp-update-visual{display:grid;gap:7px}.bgp-update-visual div{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:var(--radius-sm);display:grid;gap:2px;padding:10px 12px}.bgp-update-visual div:nth-child(2){border-left-color:#0ea5e9}.bgp-update-visual div:nth-child(3){border-left-color:#22c55e}.bgp-update-visual strong{color:var(--ink);font-size:.88rem}.bgp-update-visual span{color:var(--muted);font-size:.78rem}.timeline-visual{display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.timeline-visual span{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--ink);font-size:.78rem;font-weight:750;padding:8px 9px;position:relative;text-align:center}.te-visual{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.te-visual div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px}.te-visual strong{color:var(--brand);display:block;font-size:.92rem;margin-bottom:3px}.te-visual span{color:var(--muted);display:block;font-size:.78rem}.rr-visual{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(110px,.8fr) minmax(160px,1.2fr)}.rr-clients{display:grid;gap:6px}.rr-clients span,.rr-core,.rr-note{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm)}.rr-clients span{color:var(--ink);font-size:.78rem;font-weight:750;padding:7px 9px;text-align:center}.rr-core{border-color:#6366f159;background:var(--brand-soft);display:grid;gap:3px;padding:13px}.rr-core strong{color:var(--ink);font-size:.92rem}.rr-core span{color:var(--muted);font-size:.78rem}.rr-note{color:var(--muted);font-size:.78rem;grid-column:1 / -1;padding:8px 10px}.command-intro{color:var(--brand);font-size:.78rem;font-weight:800;margin-top:4px}.command-tabs{border:1px solid #1e293b;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000026}.command-tab-list{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;display:flex;gap:4px;overflow-x:auto;padding:8px}.command-tab-list button{background:transparent;border:1px solid transparent;border-radius:7px;color:#94a3b8;cursor:pointer;flex:none;font:inherit;font-size:.76rem;font-weight:700;padding:5px 10px;transition:all var(--t-fast)}.command-tab-list button.active{background:#1e293b;border-color:#334155;color:#f1f5f9}.command-block{background:#0f172a;border:1px solid #1e293b;border-left:4px solid var(--brand);border-radius:12px;color:#e2e8f0;font-family:Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.84rem;line-height:1.6;margin:10px 0;max-width:100%;overflow-x:auto;padding:14px 16px;white-space:pre}.command-block.tabbed{border:none;border-left:4px solid var(--brand);border-radius:0;margin:0}.command-block code{background:transparent;color:inherit;padding:0}.card-actions{display:flex;justify-content:space-between;padding:8px 18px 12px 56px;gap:10px;align-items:center}.link-btn{background:none;border:none;color:var(--brand);font:inherit;font-size:.84rem;font-weight:650;cursor:pointer;padding:0;transition:color var(--t-fast)}.link-btn:hover{color:var(--brand-dark)}.known-btn{border:1.5px solid var(--line);background:var(--panel);font:inherit;font-size:.82rem;padding:6px 14px;border-radius:99px;cursor:pointer;color:var(--muted);transition:all var(--t-fast)}.known-btn:hover{border-color:var(--green);color:var(--green)}.known-btn.on{background:var(--green-soft);border-color:#a7f3d0;color:#065f46;font-weight:700}.study{display:flex;flex-direction:column;align-items:center;gap:18px}.study-header{width:100%;max-width:680px}.deck-label{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:10px 12px;text-align:left}.deck-label span{color:var(--brand);display:block;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.deck-label strong{color:var(--ink);display:block;font-size:.95rem;margin-top:2px}.study-progress-bar{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:10px}.study-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:99px;transition:width .4s ease}.study-stats-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.study-card-pos{font-size:.86rem;font-weight:700;color:var(--ink)}.session-stats{display:flex;gap:10px;align-items:center}.stat-again{color:var(--again-color);font-size:.82rem;font-weight:700}.stat-good{color:var(--good-color);font-size:.82rem;font-weight:700}.stat-easy{color:var(--ez-color);font-size:.82rem;font-weight:700}.study-hint{font-size:.75rem;color:var(--muted);font-weight:500}.flashcard-scene{perspective:1400px;width:100%;max-width:680px;cursor:pointer}.flashcard-inner{position:relative;height:400px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.4,.64,1)}.flashcard-inner.flipped{transform:rotateY(180deg);cursor:default}.flashcard-front,.flashcard-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;padding:32px;border:1.5px solid var(--line);overflow-y:auto}.flashcard-front{background:linear-gradient(150deg,var(--panel) 55%,var(--brand-soft));box-shadow:0 12px 48px #6366f11f,0 2px 8px #0f172a14;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.flashcard-front:hover{box-shadow:0 16px 56px #6366f12e,0 4px 12px #0f172a1a}.flashcard-back{transform:rotateY(180deg);background:var(--panel);border-color:#6366f14d;box-shadow:0 12px 48px #6366f11f,0 2px 8px #0f172a14;cursor:default;text-align:left}.flash-prompt{font-size:1.2rem;font-weight:700;margin:0;line-height:1.4;max-width:500px}.flash-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.flash-hint{font-size:.8rem;color:var(--muted);margin:0;border:1px dashed var(--line);padding:5px 12px;border-radius:99px}.progress-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:680px}.dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--line);background:var(--panel);cursor:pointer;transition:all var(--t-fast);padding:0}.dot.active{background:var(--brand);border-color:var(--brand);transform:scale(1.3)}.dot.known{background:var(--green);border-color:var(--green)}.rating-row{display:flex;gap:12px;animation:fade-up .25s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rate-btn{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent;border-radius:14px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;padding:12px 22px;transition:all var(--t-fast);min-width:90px}.rate-btn span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:6px;font-size:.72rem;font-weight:900;margin-bottom:2px}.rate-again{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.rate-again span{background:#fca5a5}.rate-again:hover{background:#fecaca;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 14px #ef444440}.rate-good{background:var(--brand-soft);color:var(--brand-dark);border-color:#6366f14d}.rate-good span{background:#6366f133}.rate-good:hover{background:#6366f11f;border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 14px var(--brand-glow)}.rate-easy{background:var(--green-soft);color:#065f46;border-color:#a7f3d0}.rate-easy span{background:#a7f3d0}.rate-easy:hover{background:#bbf7d0;border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 14px #10b98140}.study-controls{display:flex;gap:10px;align-items:center}.nav-btn{border:1.5px solid var(--line);background:var(--panel);font:inherit;font-size:.88rem;font-weight:650;padding:9px 20px;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);transition:all var(--t-fast)}.nav-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 32px 80px #0f172a40,0 4px 16px #0f172a1a;padding:28px 32px;width:90%;max-width:440px;animation:scale-in .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.overlay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.overlay-head h3{font-size:1.1rem;font-weight:800}.overlay-head button{background:var(--bg);border:1px solid var(--line);border-radius:99px;color:var(--muted);cursor:pointer;font:inherit;font-size:1.1rem;font-weight:700;width:32px;height:32px;display:grid;place-items:center;transition:all var(--t-fast)}.overlay-head button:hover{background:var(--line);color:var(--ink)}.shortcut-grid{display:grid;gap:8px}.shortcut-row{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:var(--radius-xs);transition:background var(--t-fast)}.shortcut-row:hover{background:var(--bg)}.shortcut-row kbd{flex:none;min-width:80px;background:var(--bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:7px;color:var(--brand);font-family:ui-monospace,monospace;font-size:.78rem;font-weight:700;padding:4px 10px;text-align:center}.shortcut-row span{font-size:.88rem;color:var(--muted)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--ink);color:#fff;border-radius:12px;padding:12px 22px;font-size:.9rem;font-weight:600;box-shadow:0 8px 32px #0f172a4d;animation:toast-in .3s ease both,toast-out .3s ease 3.1s both;white-space:nowrap}.toast-success{background:linear-gradient(135deg,#065f46,#059669)}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.center-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;max-width:480px;text-align:center}.center-box h2{margin:14px 0}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 820px){.study-paths-head,.content-controls{align-items:stretch;width:100%}.study-paths-head{display:grid}.study-paths-head button{justify-self:start}.cluster-pills{max-height:168px;overflow-y:auto;padding-right:2px}.question-group-head{position:static}.book-outline,.question-group-head{align-items:stretch;display:grid}.book-actions,.question-group-meta{justify-content:flex-start}.flashcard-inner{height:320px}.flashcard-front,.flashcard-back{padding:22px}.flash-prompt{font-size:1.05rem}.rating-row{gap:8px}.rate-btn{padding:10px 14px;min-width:72px;font-size:.84rem}.progress-card{flex-direction:column;align-items:flex-start}}[data-theme=dark]{color-scheme:dark;--bg: #0d1117;--panel: #161b27;--ink: #e2e8f0;--muted: #7b8da6;--line: #243047;--brand: #818cf8;--brand-dark: #6366f1;--brand-light: #a5b4fc;--brand-soft: #1e2447;--brand-glow: rgba(129,140,248,.2);--green: #34d399;--green-soft: #052e1b;--easy: #34d399;--medium: #fbbf24;--hard: #f87171;--again-color: #f87171;--good-color: #818cf8;--ez-color: #34d399;--shadow-sm: 0 1px 4px rgba(0,0,0,.35);--shadow: 0 2px 8px rgba(0,0,0,.35), 0 8px 24px rgba(0,0,0,.25);--shadow-lg: 0 8px 32px rgba(129,140,248,.18), 0 2px 8px rgba(0,0,0,.3);--shadow-card-hover: 0 6px 24px rgba(129,140,248,.2), 0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] body:before{background:radial-gradient(ellipse 70% 50% at -5% -5%,rgba(99,102,241,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 105% 110%,rgba(139,92,246,.08) 0%,transparent 60%)}[data-theme=dark] .topbar{background:#161b27e0;border-bottom-color:#243047e6}[data-theme=dark] .command-block{background:#080d18;border-color:#1a2540}[data-theme=dark] .command-tab-list{background:#080d18;border-bottom-color:#1a2540}[data-theme=dark] .command-tab-list button.active{background:#1a2540;border-color:#263660}[data-theme=dark] .flashcard-front{background:linear-gradient(150deg,var(--panel) 55%,var(--brand-soft))}[data-theme=dark] .flashcard-back{background:var(--panel)}[data-theme=dark] code{background:var(--brand-soft);color:var(--brand-light)}[data-theme=dark] .answer-points,[data-theme=dark] .concept-visual{background:#111827}[data-theme=dark] .diff-easy{background:#052e1b;color:#6ee7b7}[data-theme=dark] .diff-medium{background:#292000;color:#fbbf24}[data-theme=dark] .diff-hard{background:#2d0a0a;color:#fca5a5}[data-theme=dark] .rate-again{background:#2d0a0a;color:#fca5a5;border-color:#f871714d}[data-theme=dark] .rate-again span{background:#f8717133}[data-theme=dark] .rate-good{background:var(--brand-soft);color:var(--brand-light)}[data-theme=dark] .rate-easy{background:var(--green-soft);color:#6ee7b7;border-color:#34d39933}[data-theme=dark] .rate-easy span{background:#34d39926}[data-theme=dark] .dot{background:var(--panel);border-color:var(--line)}[data-theme=dark] .dot.active{background:var(--brand);border-color:var(--brand)}[data-theme=dark] .dot.known{background:var(--green);border-color:var(--green)}[data-theme=dark] .overlay-backdrop{background:#070a12b3}[data-theme=dark] .overlay-panel{background:var(--panel);border-color:var(--line)}[data-theme=dark] .shortcut-row kbd{background:#111827;border-color:var(--line)}[data-theme=dark] .toast{background:#1e293b}[data-theme=dark] .toast-success{background:linear-gradient(135deg,#052e1b,#065f46)}[data-theme=dark] .known-btn.on{background:var(--green-soft);border-color:#34d39940;color:var(--green)}[data-theme=dark] .card.known{border-color:#34d39940}[data-theme=dark] .card.known:hover{border-color:#34d39973}:root{--bg: #f7f8fb;--panel: #ffffff;--ink: #172033;--muted: #667085;--line: #e6e9f0;--brand: #3157d5;--brand-dark: #2545ad;--brand-light: #6b86f4;--brand-soft: #eef3ff;--shadow-sm: 0 1px 2px rgba(15,23,42,.04);--shadow: 0 8px 20px rgba(15,23,42,.06);--shadow-lg: 0 10px 24px rgba(49,87,213,.12);--shadow-card-hover: 0 10px 22px rgba(15,23,42,.08)}body:before{display:none}.topbar{background:#fffffff2;box-shadow:none;height:auto;min-height:60px;padding:10px 24px}.logo{align-items:center;background:var(--brand);border-radius:8px;color:#fff;display:inline-flex;font-size:.82rem;font-weight:850;height:32px;justify-content:center;letter-spacing:0;width:32px}.brand h1{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}.topbar-controls{flex:1;justify-content:flex-end}.role-select,.search,.diff-select,.topic-search{border-width:1px;box-shadow:none}.search{flex:1 1 280px;max-width:440px}.layout{gap:18px;grid-template-columns:300px minmax(0,1fr);max-width:1380px;margin-top:16px}.field-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.field-strip button{box-shadow:none;flex:1 0 210px;min-height:58px}.field-strip button:hover,.field-strip button.active{box-shadow:none;transform:none}.role-brief{box-shadow:none;padding:12px 14px}.role-brief h2{font-size:1rem}.field-subtitle,.role-desc{font-size:.84rem}.prep-dashboard{align-items:stretch;background:linear-gradient(135deg,#10214f,#3157d5);border-radius:14px;color:#fff;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) auto minmax(180px,.55fr);margin-bottom:14px;padding:18px}.prep-copy span{color:#c7d2fe;display:block;font-size:.68rem;font-weight:850;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.prep-copy h2{font-size:1.25rem;margin-bottom:5px}.prep-copy p{color:#dbe4ff;font-size:.9rem;margin:0;max-width:760px}.prep-actions{align-content:center;display:grid;gap:8px;min-width:180px}.prep-actions button{background:#ffffff1f;border:1px solid rgba(255,255,255,.24);border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-size:.82rem;font-weight:760;padding:8px 12px;text-align:left}.prep-actions .primary-study-btn{background:#fff;color:#19337b}.quick-topic-row{display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.quick-topic-row button{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;gap:7px;padding:6px 10px}.quick-topic-row span{font-size:.78rem;font-weight:780}.quick-topic-row em{background:#ffffff2e;border-radius:999px;color:#eef3ff;font-size:.7rem;font-style:normal;font-weight:850;padding:1px 7px}.prep-metrics{display:grid;gap:8px;grid-column:3;grid-row:1}.prep-metrics div{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 10px}.prep-metrics strong{display:block;font-size:1.08rem;line-height:1.1}.prep-metrics span{color:#dbe4ff;display:block;font-size:.72rem}.progress-card,.topic-tools,.topic-list,.study-paths,.book-outline,.question-group-head,.card{box-shadow:none}.progress-card{border-radius:12px;padding:12px}.topic-tools{border-radius:12px;padding:8px}.topic-list{border-radius:12px;gap:2px;max-height:calc(100vh - 230px);padding:7px}.topic-section-label{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.06em;padding:6px 9px 5px;text-transform:uppercase}.topic-btn{align-items:stretch;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;padding:9px}.topic-btn:hover{transform:none}.topic-btn.priority{border-color:#3157d533}.topic-btn.priority .topic-name:before{color:var(--brand);content:"Priority";display:block;font-size:.62rem;font-weight:850;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.topic-meta{color:var(--muted);display:none;font-size:.73rem;grid-column:1 / -1;line-height:1.35}.topic-btn.active .topic-meta,.topic-btn:hover .topic-meta{display:block}.mini-bar{grid-column:1 / -1;width:100%}.content-head{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px 14px}.content-head h2{font-size:1.12rem}.seg,.filter-btn{background:#f8fafc}.seg button{padding:7px 13px}.study-paths{padding:12px}.cluster-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cluster-pills button{justify-content:space-between;min-height:36px}.book-outline{border-radius:12px;padding:10px 12px}.question-group{gap:6px}.question-group-head{border-radius:12px;padding:10px 12px;position:static}.question-group-head h3{font-size:.92rem}.question-group-head p{font-size:.78rem}.cards{gap:8px}.card{border-width:1px;border-radius:12px;animation:none}.card:hover{box-shadow:var(--shadow-card-hover);transform:none}.card-head{padding:13px 15px}.card-q{align-items:flex-start;min-width:0}.qnum{background:#f2f5ff;border-radius:8px;height:28px;width:28px}.prompt{font-size:.96rem;line-height:1.45;margin-bottom:7px}.answer{background:#fbfcff;padding:15px 18px 12px 55px}.answer-body{gap:10px;max-width:860px;min-width:0}.answer-body p,.answer-body li{font-size:.94rem;line-height:1.7}.answer-takeaway,.answer-points,.concept-visual,.command-tabs,.command-block{border-radius:10px}@media (max-width: 640px){body{font-size:15px}.topbar{align-items:stretch;gap:10px;padding:10px;position:static}.brand{width:100%}.brand h1{font-size:1rem}.tagline{font-size:.7rem}.topbar-controls{display:grid;gap:8px;grid-template-columns:1fr;width:100%}.role-select,.search,.diff-select,.topic-search{font-size:16px;min-height:42px;width:100%}.layout{display:flex;flex-direction:column;gap:12px;margin:10px auto 28px;max-width:100%;padding:0 10px}.sidebar{gap:8px;order:2}.content{order:1}.progress-card{align-items:center;flex-direction:row;gap:10px;padding:10px}.progress-ring-wrap svg{height:54px;width:54px}.topic-list{display:flex;flex-direction:row;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:8px;scroll-snap-type:x proximity}.topic-section-label{align-self:center;flex:0 0 auto;padding:0 2px;writing-mode:vertical-rl}.topic-btn{flex:0 0 220px;min-height:82px;scroll-snap-align:start}.topic-btn.active .topic-meta,.topic-btn:hover .topic-meta{display:none}.field-strip{margin:0 -10px 10px;padding:0 10px 6px}.field-strip button{flex-basis:190px;min-height:56px;padding:10px 12px}.role-brief,.prep-dashboard,.content-head,.study-paths,.book-outline,.question-group-head,.card{border-radius:10px}.role-brief{padding:11px}.role-brief-main{display:grid;gap:10px}.role-stats{justify-content:flex-start}.focus-grid{grid-template-columns:1fr}.prep-dashboard{gap:12px;margin-bottom:10px;padding:13px}.prep-copy h2{font-size:1.08rem}.prep-copy p{font-size:.84rem;line-height:1.5}.prep-actions{grid-template-columns:1fr;min-width:0}.prep-actions button{min-height:40px;text-align:center}.quick-topic-row{flex-wrap:nowrap;margin:0 -13px;overflow-x:auto;padding:0 13px 4px}.quick-topic-row button{flex:0 0 auto}.prep-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.prep-metrics div{padding:8px 7px}.prep-metrics strong{font-size:.95rem}.prep-metrics span{font-size:.65rem}.content-head{display:grid;gap:10px;padding:11px}.content-head h2{font-size:1.02rem;overflow-wrap:anywhere}.content-controls{display:grid;gap:8px;grid-template-columns:1fr;width:100%}.seg{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.seg button,.filter-btn{min-height:40px;padding:8px 6px;text-align:center}.study-paths{padding:11px}.study-paths-head{gap:8px}.study-paths-head button{justify-self:stretch;min-height:38px}.cluster-pills{display:flex;flex-wrap:nowrap;margin:10px -11px 0;overflow-x:auto;padding:0 11px 4px}.cluster-pills button{flex:0 0 min(78vw,270px);justify-content:space-between;min-height:42px}.book-outline,.question-group-head{padding:11px}.book-actions{display:grid;grid-template-columns:1fr 1fr}.book-actions button{min-height:36px}.question-group-meta{justify-content:space-between}.card-head{gap:8px;padding:12px}.card-q{gap:9px;min-width:0}.qnum{height:26px;width:26px}.prompt{font-size:.93rem;overflow-wrap:anywhere}.badges{gap:4px}.badge{font-size:.66rem;padding:2px 7px}.answer{padding:12px}.answer-body p,.answer-body li{font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}.answer-takeaway,.answer-points,.concept-visual{padding:11px}.visual-flow,.rr-visual,.te-visual{grid-template-columns:1fr}.visual-arrow{justify-self:center;transform:rotate(90deg)}.packet-stack div{align-items:flex-start;display:grid;gap:3px}.packet-stack span{text-align:left}.fsm-strip{display:grid;grid-template-columns:1fr}.fsm-strip span:not(:last-child):after{bottom:-15px;left:50%;right:auto;transform:translate(-50%) rotate(90deg)}.command-tab-list{overflow-x:auto}.command-tab-list button{flex:0 0 auto;min-height:38px}.command-block{font-size:.76rem;line-height:1.55;padding:11px 12px}.card-actions{align-items:stretch;display:grid;grid-template-columns:1fr;padding:0 12px 12px}.link-btn,.known-btn,.nav-btn{min-height:40px}.study{gap:12px}.study-header{max-width:100%}.study-stats-row,.session-stats{display:grid;gap:6px;grid-template-columns:1fr;width:100%}.study-card-pos,.session-stats span{text-align:center}.flashcard-scene{width:100%}.flashcard-inner{height:min(58vh,430px);min-height:330px}.flashcard-front,.flashcard-back{padding:18px}.flash-prompt{font-size:1rem}.rating-row{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);width:100%}.rate-btn{min-width:0;padding:10px 6px}.study-controls{display:grid;gap:8px;grid-template-columns:1fr;width:100%}.toast-container{bottom:14px;left:10px;right:10px;transform:none}.toast{text-align:center;white-space:normal;width:100%}}@media (max-width: 430px){.layout{padding:0 8px}.field-strip,.quick-topic-row,.cluster-pills{margin-left:-8px;margin-right:-8px}.topic-btn{flex-basis:190px}.prep-metrics{grid-template-columns:1fr}.role-stats span,.quick-topic-row span,.cluster-pills span{font-size:.74rem}.question-group-head h3{font-size:.9rem}.question-group-head p,.cluster-desc,.book-outline p{font-size:.76rem}.command-block{font-size:.72rem}.flashcard-inner{min-height:360px}}.flashcard-inner{height:min(520px,65vh)}.flashcard-front,.flashcard-back{border-radius:16px}@media (max-width: 1080px){.prep-dashboard{grid-template-columns:1fr}.prep-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.prep-metrics{grid-column:auto;grid-row:auto;grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.topbar{padding:10px 14px}.topbar-controls{width:100%}.role-select,.search,.diff-select{flex:1 1 100%;max-width:none}.layout{margin-top:12px;padding:0 12px}.sidebar{position:static}.topic-list{max-height:340px}.prep-dashboard{padding:15px}.prep-metrics{grid-template-columns:1fr}.cluster-pills{grid-template-columns:1fr;max-height:none}.answer,.card-actions{padding-left:15px}}@media (max-width: 640px){.topbar{padding:10px;position:static}.layout{display:flex;flex-direction:column;gap:12px;margin:10px auto 28px;max-width:100%;padding:0 10px}.topic-list{display:flex;flex-direction:row;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.topic-btn{flex:0 0 220px;scroll-snap-align:start}.prep-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-pills{display:flex;flex-wrap:nowrap;margin:10px -11px 0;max-height:none;overflow-x:auto;padding:0 11px 4px}.cluster-pills button{flex:0 0 min(78vw,270px)}.answer,.card-actions{padding-left:12px}.flashcard-inner{height:min(58vh,430px);min-height:330px}}@media (max-width: 430px){.layout{padding:0 8px}.topic-btn{flex-basis:190px}.prep-metrics{grid-template-columns:1fr}.flashcard-inner{min-height:360px}}