.site .window{background:var(--bg-raised);border-radius:var(--r-xl);box-shadow:var(--shadow-mock);text-align:left;overflow:hidden}.site .window-bar{background:var(--bg-subtle);border-bottom:1px solid var(--border);height:34px;color:var(--text-3);align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:500;display:flex}.site .window-bar i{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.site .window-bar span{margin-left:4px}.site .window-body{flex-direction:column;gap:10px;padding:14px;display:flex}.site .mrow{border-radius:var(--r-lg);background:var(--bg-subtle);align-items:center;gap:10px;padding:8px 10px;display:flex}.site .mrow>div{flex:1;min-width:0}.site .mrow b{font-size:13px;font-weight:500;line-height:20px;display:block}.site .mrow small{color:var(--text-3);font-size:11px;line-height:16px;display:block}.site .cycle{display:inline-grid;position:relative}.site .cycle>*{opacity:0;grid-area:1/1;animation:9s step-end infinite cycle}.site .cycle>:first-child{animation-delay:0s}.site .cycle>:nth-child(2){animation-delay:3s}.site .cycle>:nth-child(3){animation-delay:6s}.site .cycle>:last-child{opacity:1}@keyframes cycle{0%{opacity:1}33.33%{opacity:0}to{opacity:0}}.site .cal-bar{align-items:center;gap:8px;font-size:13px;display:flex}.site .cal-bar b{font-weight:500}.site .cal-sp{flex:1}.site .seg{border-radius:var(--r-md);background:var(--bg-subtle);gap:2px;padding:2px;font-size:11px;font-weight:500;display:inline-flex}.site .seg>span{border-radius:var(--r-sm);color:var(--text-3);padding:2px 8px}.site .seg .on{background:var(--bg-raised);color:var(--text);box-shadow:var(--ring)}.site .cal-grid{grid-template-columns:repeat(7,1fr);min-height:200px;display:grid}.site .cal-day{border-left:1px solid var(--border);flex-direction:column;gap:6px;min-width:0;padding:0 4px 8px;display:flex;position:relative}.site .cal-day:first-child{border-left:0}.site .cal-day .cal-h{text-align:center;color:var(--text-3);margin:0;font-size:11px;font-weight:500;line-height:20px;display:block}.site .post{border-radius:var(--r-md);background:var(--bg-raised);box-shadow:var(--ring);animation:float-up .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms + .4s);font-size:11px;line-height:15px;overflow:hidden}.site .post-s{text-align:center;background:var(--bg-subtle);color:var(--text-3);font-weight:500;line-height:16px;display:block}.site .post-s.ok{background:var(--ok-bg);color:var(--ok-fg)}.site .post-s.acc{background:var(--accent-soft);color:var(--accent-text)}.site .post-s.warn{background:var(--warn-bg);color:var(--warn-fg)}.site .post-img{background:linear-gradient(135deg, var(--accent-soft), var(--bg-subtle));height:56px;color:var(--text-3);place-items:center;display:grid}.site .post-b{flex-direction:column;gap:2px;padding:6px;display:flex}.site .post-b small{color:var(--text-3)}.site .post.drag{animation:float-up .6s var(--ease-out) both, drag-move 8s var(--ease-out) 2s infinite;z-index:2;box-shadow:var(--shadow-pop);position:relative}@media (width<=900px){.site .cal-grid{grid-template-columns:repeat(4,1fr)}.site .cal-day:nth-child(n+5){display:none}}.site .comp{grid-template-columns:1fr 220px;gap:12px;display:grid}.site .tabs-row{flex-wrap:wrap;gap:6px;display:flex}.site .tab{border-radius:var(--r-full);background:var(--bg-subtle);color:var(--text-2);padding:3px 10px;font-size:11px;font-weight:500}.site .tab.on{background:var(--accent-soft);color:var(--accent-text)}.site .field{border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-strong);flex-direction:column;gap:8px;padding:12px;font-size:13px;line-height:20px;display:flex}.site .type-line{white-space:nowrap;border-right:2px solid var(--accent);text-overflow:clip;width:100%;animation-name:typing,caret;animation-duration:3.2s,.8s;animation-timing-function:steps(46,end),steps(2,end);animation-iteration-count:1,4;animation-direction:normal;animation-play-state:running;animation-delay:.5s;animation-fill-mode:both,none;animation-timeline:auto;overflow:hidden}.site .checks{flex-wrap:wrap;gap:6px;display:flex}.site .checks .chip{animation:float-up .4s var(--ease-out) both}.site .checks .chip:first-child{animation-delay:3.7s}.site .checks .chip:nth-child(2){animation-delay:4s}.site .checks .chip:nth-child(3){animation-delay:4.3s}.site .preview{border-radius:var(--r-lg);background:var(--bg-subtle);flex-direction:column;gap:8px;padding:12px;display:flex}@media (width<=900px){.site .comp{grid-template-columns:1fr}.site .preview{display:none}.site .type-line{white-space:normal;border-right:0;animation:none}}.site .term{background:var(--code-bg);border-radius:var(--r-xl);box-shadow:var(--shadow-mock);box-shadow:0 40px 80px -24px #0000004d, 0 0 0 1px var(--code-border);text-align:left;color:var(--code-text);overflow:hidden}.site .term .window-bar{border-color:var(--code-border);color:var(--code-muted);background:0 0}.site .term .window-bar i{background:var(--code-border)}.site .term pre{font:13px/22px var(--mono);flex-direction:column;gap:2px;margin:0;padding:16px;display:flex;overflow:hidden}.site .term pre span{white-space:nowrap;width:100%;display:block;overflow:hidden}.site .term .ln{animation:1.6s steps(60,end) both typing;animation-delay:calc(var(--i,0) * 1.7s)}.site .term .muted-l{color:var(--code-muted)}.site .term .acc-l{color:var(--code-accent)}.site .caret{background:var(--code-accent);vertical-align:-2px;width:8px;height:15px;animation:1s steps(2,end) infinite blink;display:inline-block}.site .term .flash{animation:1.6s steps(60,end) both typing,1.2s ease-out both dev-line-flash;animation-delay:calc(var(--i,0) * 1.7s), calc(var(--i,0) * 1.7s + 1.6s)}.site .copy{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--code-border);color:var(--code-muted);margin-left:auto;padding:1px 8px;font-size:11px}.site .chat .msg{max-width:100%;animation:message-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 1.1s + .3s);flex-direction:column;gap:8px;display:flex}.site .bubble-u{border-radius:var(--r-xl);background:var(--accent);max-width:78%;color:var(--on-accent);align-self:flex-end;padding:8px 12px;font-size:13px;line-height:20px}.site .cal-grid{min-height:0}.site .cal-day{min-height:190px}.site .mock-chips{gap:6px;display:flex}.site .preview-who{align-items:center;gap:6px;display:flex}.site .term .ln.muted-l,.site .term .ln.acc-l{display:block}
