:root[data-theme=dark] .householder-app{--proton:#ff6b81;--neutron:#8aa4c8;--accent:#f06bb0;--accent-soft:#f06bb026;--good:#5cc98a;--warn:#e7b24a;--bad:#ef6b61;--glow:#f06bb059;--tile-mix:16%}:root[data-theme=light] .householder-app{--proton:#e0435c;--neutron:#6d86a8;--accent:#c23d82;--accent-soft:#c23d821c;--good:#2f9e63;--warn:#b7791f;--bad:#c94a3f;--glow:#c23d8240;--tile-mix:22%}.householder-app .pill-btn.accent{color:#fff}.householder-app .pill-btn.small{gap:5px;padding:4px 10px;font-size:12px}.householder-app a.pill-btn{color:inherit;text-decoration:none}.householder-app .ptable-btn{color:var(--accent)}.householder-app .ptable-btn:hover{background:var(--accent-soft)}.householder-app .hh-star-mark{color:#d9a13f}.householder-app .solved-mini{color:#d9a13f;background:#d9a13f29}.householder-app .board-glyph svg{display:block}.householder-app .board-label,.householder-app .board-title,.householder-app .card-title,.householder-app .row-title{font-family:var(--font-math)}.householder-app .hh-sp{font-family:var(--font-math);white-space:nowrap;display:inline-block}.householder-app .hh-sp sub{vertical-align:-.28em;font-size:.62em;line-height:0}.householder-app .hh-sp sup{vertical-align:.42em;font-size:.62em;line-height:0}.householder-app .hh-pre,.householder-app .hh-post{vertical-align:-.1em;font-size:.56em;line-height:.9;display:inline-block}.householder-app .hh-pre{text-align:right;color:var(--muted);margin-right:.06em}.householder-app .hh-post{text-align:left;margin-left:.04em}.householder-app .hh-sp .hh-pre>*,.householder-app .hh-sp .hh-post>*{vertical-align:baseline;font-size:1em;line-height:.9;display:block}.householder-app .hh-pre.solo{vertical-align:.42em}.householder-app .hh-coef{color:var(--accent);margin-right:.08em;font-weight:600}.householder-app .hh-el{color:var(--el,var(--text));transition:background .12s, transform .15s var(--ease-pop);border-radius:5px;padding:0 .04em}:root[data-theme=light] .householder-app .hh-el{color:color-mix(in srgb, var(--el,var(--text)) 62%, #1d1a14)}.householder-app button.hh-el:hover{background:color-mix(in srgb, var(--el,var(--accent)) 22%, transparent);transform:translateY(-1px)}.householder-app .hh-e{color:var(--muted);font-style:italic}.householder-app .hh-paren{color:var(--muted)}.householder-app .hh-dot{color:var(--muted);margin:0 .08em}.householder-app .hh-state{color:var(--muted);margin-left:.1em;font-size:.6em}.householder-app .hh-rx{font-family:var(--font-math);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2em .35em;display:inline-flex}.householder-app .hh-rx-sp[role=button]{cursor:pointer;border-radius:6px}.householder-app .hh-plus{color:var(--faint)}.householder-app .hh-arrow{color:var(--accent);margin:0 .25em}.householder-app .hh-sheet{overflow:hidden}.householder-app .hh-scroll{flex:1;min-height:0;padding:0 22px 60px;overflow-y:auto}.householder-app .hh-scroll:has(>.composer-zone){flex-direction:column;display:flex}.householder-app .hh-scroll>.composer-zone:not(.hero){flex:0;padding:40px 0 10px}.householder-app .hh-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:11.5px}.householder-app .hh-starred{color:#d9a13f}.householder-app .hh-custom-btn.on{background:var(--hover-strong);color:var(--text)}.householder-app .sb-collapsed .board-head{padding-left:56px}.householder-app .hh-hero{text-align:center;animation:step-in .5s var(--ease-pop);flex-direction:column;align-items:center;padding:26px 0 30px;display:flex}.householder-app .hh-hero-eq{align-items:center;gap:10px;max-width:100%;display:inline-flex;position:relative}.householder-app .hh-hero-eq .hh-sp,.householder-app .hh-hero-eq .hh-rx{font-size:clamp(28px,5vw,50px);line-height:1.2}.householder-app .hh-hero-eq .hh-rx{font-size:clamp(22px,3.4vw,38px)}.householder-app .hh-edit{opacity:0;transition:opacity .15s}.householder-app .hh-hero-eq:hover .hh-edit,.householder-app .hh-edit:focus-visible{opacity:1}.householder-app .hh-hero-name{text-transform:capitalize;margin-top:10px;font-size:22px;font-weight:500}.householder-app .hh-hero-sub{color:var(--muted);margin-top:2px;font-size:14px}.householder-app .hh-hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.householder-app .hh-pill{border:1px solid var(--border);color:var(--muted);background:var(--panel);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;display:inline-flex}.householder-app .hh-pill.ok{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 10%, var(--panel))}.householder-app .hh-pill.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 10%, var(--panel))}.householder-app .hh-pill.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 45%, transparent);background:color-mix(in srgb, var(--bad) 10%, var(--panel))}.householder-app .hh-balance-btn{animation:solve-pop .45s var(--ease-pop)}.householder-app .hh-preview{color:var(--text);font-size:18px}.householder-app .hh-examples{flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px;margin-top:22px;display:flex}.householder-app .hh-example{font-family:var(--font-math);border:1px solid var(--border);background:var(--panel);color:var(--muted);transition:color .13s, border-color .13s, transform .15s var(--ease-pop);border-radius:999px;padding:5px 12px;font-size:14px}.householder-app .hh-example:hover{color:var(--text);border-color:var(--accent);transform:translateY(-2px)}.householder-app .hh-grid{columns:3 340px;column-gap:16px;max-width:1400px;margin:0 auto}.householder-app .hh-grid.cols-1{columns:1;max-width:760px}.householder-app .hh-grid.cols-2{columns:2}.householder-app .hh-grid.cols-3{columns:3}.householder-app .hh-card{break-inside:avoid;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);animation:step-in .45s var(--ease-pop) both;margin-bottom:16px;transition:border-color .15s,box-shadow .2s;overflow:hidden}.householder-app .hh-card:nth-child(2){animation-delay:40ms}.householder-app .hh-card:nth-child(3){animation-delay:80ms}.householder-app .hh-card:nth-child(4){animation-delay:.12s}.householder-app .hh-card:nth-child(n+5){animation-delay:.16s}.householder-app .hh-card.drop{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.householder-app .hh-card-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:4px;padding:8px 8px 8px 6px;display:flex}.householder-app .hh-card.folded .hh-card-head{border-bottom:none}.householder-app .hh-grip{color:var(--faint);cursor:grab;opacity:.5;border-radius:6px;padding:4px;transition:opacity .13s,background .13s;display:inline-flex}.householder-app .hh-card:hover .hh-grip,.householder-app .hh-custom-row:hover .hh-grip{opacity:1}.householder-app .hh-grip:hover{background:var(--hover)}.householder-app .hh-card-title{text-align:left;flex:1;align-items:center;gap:8px;padding:3px 4px;font-size:13.5px;font-weight:500;display:flex}.householder-app .hh-card-hide{opacity:0;width:26px;height:26px}.householder-app .hh-card:hover .hh-card-hide,.householder-app .hh-card-hide:focus-visible{opacity:1}.householder-app .hh-card-body{padding:14px 16px 16px}.householder-app .density-compact .hh-card-body{padding:9px 12px 11px;font-size:13px}.householder-app .density-compact .hh-card{margin-bottom:10px}.householder-app .density-compact .hh-grid{column-gap:10px}.householder-app .hh-empty-grid{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.householder-app .hh-kv{border-bottom:1px dashed var(--border-soft);justify-content:space-between;align-items:baseline;gap:14px;padding:6px 0;font-size:13.5px;display:flex}.householder-app .hh-kv:last-child{border-bottom:none}.householder-app .hh-kv>span{color:var(--muted);flex-shrink:0}.householder-app .hh-kv>b{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:500}.householder-app .hh-muted{color:var(--muted)}.householder-app .hh-muted.small,.householder-app .small{font-size:12px}.householder-app p.hh-muted.small{margin-top:8px}.householder-app .hh-empty{color:var(--muted);font-size:13px;font-style:italic}.householder-app .hh-note{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.5}.householder-app .hh-good{color:var(--good)!important}.householder-app .hh-badtxt{color:var(--bad)!important}.householder-app .hh-hot{color:#ef8a4a!important}.householder-app .hh-cold{color:#5aa7e8!important}.householder-app .hh-label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:11px;display:block}.householder-app .hh-big{font-family:var(--font-math);font-size:34px;line-height:1.1}.householder-app .hh-big span{color:var(--muted);font-size:15px}.householder-app .hh-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.householder-app .hh-el-chip{min-width:30px;height:24px;font-family:var(--font-math);color:var(--el);background:color-mix(in srgb, var(--el) 16%, transparent);border:1px solid color-mix(in srgb, var(--el) 40%, transparent);transition:transform .15s var(--ease-pop), background .13s;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:14px;font-weight:600;display:inline-flex}:root[data-theme=light] .householder-app .hh-el-chip{color:color-mix(in srgb, var(--el) 60%, #1d1a14)}.householder-app .hh-el-chip:hover{background:color-mix(in srgb, var(--el) 28%, transparent);transform:scale(1.1)}.householder-app .hh-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.householder-app .hh-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border);padding:6px;font-size:11px;font-weight:500}.householder-app .hh-table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:7px 6px}.householder-app .hh-table tr:last-child td{border-bottom:none}.householder-app .hh-table tr.off td{background:color-mix(in srgb, var(--bad) 8%, transparent)}.householder-app .hh-pct{background:var(--hover-strong);vertical-align:middle;border-radius:3px;width:54px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.householder-app .hh-pct span{height:100%;animation:grow-x .7s var(--ease-soft) both;transform-origin:0;border-radius:3px;display:block}@keyframes grow-x{0%{transform:scaleX(0)}}.householder-app .hh-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.householder-app .hh-check.ok{color:var(--good);background:color-mix(in srgb, var(--good) 16%, transparent)}.householder-app .hh-check.bad{color:var(--bad);background:color-mix(in srgb, var(--bad) 16%, transparent)}.householder-app .hh-check.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 16%, transparent)}.householder-app .hh-check.info{color:var(--muted);background:var(--hover-strong);font-style:italic}.householder-app .hh-verdict{align-items:center;gap:10px;margin-bottom:10px;font-size:20px;display:flex}.householder-app .hh-verdict b{font-weight:500}.householder-app .hh-verdict-dot{width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{box-shadow:0 0 0 9px color-mix(in srgb, currentColor 6%, transparent)}}.householder-app .hh-verdict.ok{color:var(--good)}.householder-app .hh-verdict.warn{color:var(--warn)}.householder-app .hh-verdict.bad{color:var(--bad)}.householder-app .hh-checks{flex-direction:column;gap:10px;list-style:none;display:flex}.householder-app .hh-checks li{align-items:flex-start;gap:10px;display:flex}.householder-app .hh-checks li div{flex-direction:column;gap:1px;font-size:13px;display:flex}.householder-app .hh-checks li b{font-weight:500}.householder-app .hh-checks li span{color:var(--muted);font-size:12.5px;line-height:1.45}.householder-app .hh-names{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.householder-app .hh-names .hh-label{width:100%;margin-bottom:0}.householder-app .hh-name{background:var(--accent-soft);color:var(--text);border-radius:8px;padding:4px 10px;font-size:14px}.householder-app .hh-name.soft{background:var(--hover-strong)}.householder-app .hh-ion{border:1px solid var(--border);border-radius:8px;align-items:baseline;gap:6px;padding:4px 10px;font-size:16px;display:inline-flex}.householder-app .hh-ion .hh-muted{font-size:12px}.householder-app .hh-times{color:var(--muted);font-size:12px}.householder-app .hh-syn{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.householder-app .hh-comp{flex-direction:column;align-items:center;display:flex}.householder-app .hh-donut{width:170px;height:170px}.householder-app .hh-donut-track{fill:none;stroke:var(--hover-strong);stroke-width:18px}.householder-app .hh-donut-seg{fill:none;stroke-width:18px;cursor:pointer;transform-origin:70px 70px;transition:stroke-width .15s var(--ease-pop);animation:donut-in .9s var(--ease-soft) both;transform:rotate(-90deg)}.householder-app .hh-donut-seg:hover{stroke-width:23px}@keyframes donut-in{0%{stroke-dasharray:0 400}}.householder-app .hh-donut-big{fill:var(--text);font-family:var(--font-math);text-anchor:middle;font-size:21px}.householder-app .hh-donut-sub{fill:var(--muted);text-anchor:middle;letter-spacing:.05em;font-size:10px}.householder-app .hh-conv{flex-direction:column;gap:8px;margin-top:12px;display:flex}.householder-app .hh-conv-row{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.householder-app .hh-conv-row .text-input{width:150px;font-size:14px;font-family:var(--font-math);padding:7px 10px}.householder-app .hh-ox-scale{border-bottom:2px solid var(--border);height:96px;margin:4px 14px 10px;position:relative}.householder-app .hh-tick{color:var(--faint);font-size:10px;position:absolute;bottom:-20px;transform:translate(-50%)}.householder-app .hh-tick:before{content:"";background:var(--border);width:1px;height:5px;position:absolute;top:-6px;left:50%}.householder-app .hh-tick.zero{color:var(--text)}.householder-app .hh-ox-mark{font-family:var(--font-math);background:color-mix(in srgb, var(--el) 20%, var(--panel));border:1px solid color-mix(in srgb, var(--el) 55%, transparent);animation:step-in .5s var(--ease-pop) both;transition:transform .15s var(--ease-pop);border-radius:999px;align-items:baseline;gap:4px;padding:3px 8px;font-size:13px;display:inline-flex;position:absolute;transform:translate(-50%)}.householder-app .hh-ox-mark:hover{z-index:2;transform:translate(-50%)scale(1.1)}.householder-app .hh-ox-mark b{font-weight:600}.householder-app .hh-ox-scale+.hh-table{margin-top:30px}.householder-app .hh-en-bar{margin:26px 4px 30px;position:relative}.householder-app .hh-en-grad{background:linear-gradient(90deg,#5aa7e8 0%,#9d7be6 12%,#e98bd0 51%,#f0a04a 100%);border-radius:4px;height:8px}.householder-app .hh-en-mark{white-space:nowrap;background:var(--text);color:var(--bg);border-radius:6px;padding:2px 7px;font-size:11.5px;position:absolute;top:-24px;transform:translate(-50%)}.householder-app .hh-en-mark:after{content:"";background:var(--text);width:2px;height:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.householder-app .hh-en-labels{color:var(--faint);justify-content:space-between;margin-top:5px;font-size:10.5px;display:flex}.householder-app .hh-en-row{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.householder-app .hh-en-chip{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.householder-app .hh-el-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.householder-app .hh-el-card{text-align:left;border-radius:var(--r-md);background:linear-gradient(160deg, color-mix(in srgb, var(--el) 22%, var(--panel)), var(--panel) 70%);border:1px solid color-mix(in srgb, var(--el) 40%, var(--border));transition:transform .18s var(--ease-pop), box-shadow .18s;flex-direction:column;align-items:stretch;padding:10px;display:flex}.householder-app .hh-el-card:hover{box-shadow:0 10px 26px color-mix(in srgb, var(--el) 25%, transparent);transform:translateY(-3px)}.householder-app .hh-el-card-top{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.householder-app .hh-el-count{color:var(--text);font-weight:600}.householder-app .hh-el-sym{font-family:var(--font-math);color:var(--el);font-size:30px;font-weight:600;line-height:1.1}:root[data-theme=light] .householder-app .hh-el-sym{color:color-mix(in srgb, var(--el) 62%, #1d1a14)}.householder-app .hh-el-name{margin-bottom:6px;font-size:12.5px}.householder-app .hh-el-field{border-top:1px solid var(--border-soft);justify-content:space-between;gap:6px;padding:2px 0;font-size:11px;display:flex}.householder-app .hh-el-field span{color:var(--faint)}.householder-app .hh-el-field b{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.householder-app .hh-pc-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px;display:grid}.householder-app .hh-pc{border-radius:var(--r-md);border:1px solid var(--border);color:inherit;transition:border-color .13s, transform .18s var(--ease-pop);flex-direction:column;gap:3px;padding:8px;font-size:12.5px;text-decoration:none;display:flex}.householder-app .hh-pc:hover{border-color:var(--accent);transform:translateY(-2px)}.householder-app .hh-pc img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;width:100%}:root[data-theme=dark] .householder-app .hh-pc img{filter:invert(.9)hue-rotate(180deg);background:#fff}.householder-app .hh-pc b{font-weight:500}.householder-app .hh-pc .hh-muted{overflow-wrap:anywhere;font-size:11px}.householder-app .hh-pc-cid{color:var(--faint);align-items:center;gap:4px;font-size:11px;display:inline-flex}.householder-app .hh-skel{flex-direction:column;gap:8px;display:flex}.householder-app .hh-skel span{background:linear-gradient(90deg, var(--hover) 25%, var(--hover-strong) 50%, var(--hover) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.2s linear infinite shimmer}.householder-app .hh-skel span:nth-child(2){width:80%}.householder-app .hh-skel span:nth-child(3){width:60%}@keyframes shimmer{to{background-position:-200% 0}}.householder-app .hh-fix{border-radius:var(--r-md);background:var(--accent-soft);flex-direction:column;align-items:flex-start;gap:10px;margin:6px 0 12px;padding:12px;display:flex}.householder-app .hh-fix .hh-label{margin:0}.householder-app .hh-fix-eq{font-size:19px}.householder-app .hh-fix-eq .hh-coef{animation:solve-pop .45s var(--ease-pop) both}.householder-app .hh-types{flex-direction:column;gap:10px;display:flex}.householder-app .hh-type{border-radius:var(--r-md);background:var(--hover);border-left:3px solid var(--accent);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.householder-app .hh-type b{font-weight:500}.householder-app .hh-type span{color:var(--muted);font-size:12.5px}.householder-app .hh-tag{border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;display:inline-block}.householder-app .hh-tag.oxidized{color:#ef8a4a;background:#ef8a4a24}.householder-app .hh-tag.reduced{color:#5aa7e8;background:#5aa7e824}.householder-app .hh-tag.limit{color:var(--bad);background:color-mix(in srgb, var(--bad) 14%, transparent)}.householder-app .hh-stoich tr.limit td{background:color-mix(in srgb, var(--bad) 7%, transparent)}.householder-app .hh-coef-mini{color:var(--accent);font-family:var(--font-math);font-weight:600}.householder-app .hh-stoich .hh-sp{font-size:15px}.householder-app .hh-amt{align-items:center;gap:4px;display:inline-flex}.householder-app .hh-amt .text-input{width:76px;padding:5px 8px;font-size:13px}.householder-app .hh-unit{border:1px solid var(--border);color:var(--muted);border-radius:6px;min-width:38px;padding:4px 7px;font-size:11.5px}.householder-app .hh-unit:hover{color:var(--text);border-color:var(--faint)}.householder-app .hh-yield{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.householder-app .hh-yield .text-input{width:90px;padding:5px 8px}.householder-app .hh-scale{flex-direction:column;gap:12px;display:flex}.householder-app .hh-scale-side{grid-template-columns:1fr;gap:4px;display:grid}.householder-app .hh-scale-side .hh-label{margin:0}.householder-app .hh-stack{height:16px;animation:grow-x .8s var(--ease-soft) both;transform-origin:0;border-radius:5px;gap:2px;min-width:4px;display:flex;overflow:hidden}.householder-app .hh-species{flex-direction:column;gap:8px;display:flex}.householder-app .hh-sp-row{border-radius:var(--r-md);border:1px solid var(--border-soft);align-items:center;gap:12px;padding:8px 10px;display:flex}.householder-app .hh-sp-big{min-width:70px;font-size:20px}.householder-app .hh-sp-info{flex-direction:column;flex:1;min-width:0;display:flex}.householder-app .hh-sp-info b{text-transform:capitalize;font-weight:500}.householder-app .hh-sp-info .hh-muted{font-size:11.5px}.householder-app .hh-steps{counter-reset:st;flex-direction:column;gap:8px;list-style:none;display:flex}.householder-app .hh-steps li{border-radius:var(--r-md);background:var(--hover);animation:step-in .4s var(--ease-pop) both;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 10px;padding:9px 12px;display:grid}.householder-app .hh-step-part{font-family:var(--font-math);color:var(--accent);font-size:18px}.householder-app .hh-step-arrow{color:var(--faint);font-family:var(--font-math)}.householder-app .hh-step-gives{font-weight:500}.householder-app .hh-steps li p{color:var(--muted);grid-column:1/-1;font-size:12.5px;line-height:1.45}.householder-app .hh-name-result{border-radius:var(--r-md);border:1px solid var(--accent);background:var(--accent-soft);margin-top:12px;padding:10px 12px}.householder-app .hh-name-result .hh-label{margin-bottom:2px}.householder-app .hh-name-result b{font-size:17px;font-weight:500}.householder-app .hh-prefixes{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.householder-app .hh-prefixes span{border:1px solid var(--border-soft);color:var(--faint);border-radius:8px;flex-direction:column;align-items:center;min-width:44px;padding:4px 8px;font-size:12px;display:inline-flex}.householder-app .hh-prefixes span b{font-family:var(--font-math);color:var(--muted);font-size:14px;font-weight:500}.householder-app .hh-prefixes span.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.householder-app .hh-prefixes span.on b{color:var(--accent)}.householder-app .hh-rules td{font-size:12.5px}.householder-app .hh-bondkind{align-items:flex-start;gap:12px;display:flex}.householder-app .hh-bondicon{min-width:58px;height:44px;font-family:var(--font-math);color:var(--accent);background:var(--accent-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-size:16px;display:inline-flex}.householder-app .hh-bondkind b{font-size:18px;font-weight:500}.householder-app .hh-bondkind p{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.5}.householder-app .hh-classes{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.householder-app .hh-class{border:1px solid color-mix(in srgb, var(--cc) 45%, transparent);color:var(--cc);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:12px;display:inline-flex}:root[data-theme=light] .householder-app .hh-class{color:color-mix(in srgb, var(--cc) 60%, #1d1a14)}.householder-app .hh-transfer{margin:6px 0 10px}.householder-app .hh-transfer-row{font-family:var(--font-math);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.householder-app .hh-tx{border-radius:8px;padding:5px 10px}.householder-app .hh-tx.give{background:#4dabf724}.householder-app .hh-tx.take{background:#ff8cc624}.householder-app .hh-tx b{font-weight:500}.householder-app .hh-tx-arrow{color:var(--accent);font-size:12px;animation:1.6s ease-in-out infinite tx-flow}@keyframes tx-flow{50%{transform:translate(4px)}}.householder-app .hh-lewis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.householder-app .hh-lewis-n{font-family:var(--font-math);font-size:22px;font-weight:500}.householder-app .hh-shape{align-items:center;gap:14px;margin-top:10px;display:flex}.householder-app .hh-shape-info{flex:1;min-width:0}.householder-app .hh-shape-info>b{font-size:16px;font-weight:500}.householder-app .hh-mol{flex-shrink:0;width:140px;height:140px;overflow:visible}.householder-app .hh-mol-bond line{stroke:var(--muted);stroke-width:3px;stroke-linecap:round}.householder-app .hh-mol-bond{animation:step-in .45s var(--ease-pop) both}.householder-app .hh-mol-bond text,.householder-app .hh-mol-ctext{text-anchor:middle;fill:#1d1a14;font-size:11px;font-weight:600;font-family:var(--font-math)}.householder-app .hh-mol-center{stroke:var(--panel);stroke-width:3px}.householder-app .hh-mol-lp circle{fill:var(--text);opacity:.75}.householder-app .hh-custom{z-index:40;width:330px;max-height:min(78vh,680px);padding:8px;position:absolute;top:38px;right:0;overflow-y:auto}.householder-app .hh-custom-sect{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:6px 8px 4px;font-size:11px}.householder-app .hh-custom-row{border-radius:var(--r-sm);align-items:center;display:flex}.householder-app .hh-custom-row.dragging{opacity:.45}.householder-app .hh-toggle{padding:6px 8px}.householder-app .hh-box{border:1.5px solid var(--faint);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:background .13s,border-color .13s;display:inline-flex}.householder-app .hh-toggle.on .hh-box{background:var(--accent);border-color:var(--accent);color:#fff}.householder-app .hh-toggle:not(.on) .mi-label{color:var(--faint)}.householder-app .hh-custom-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:6px 8px;font-size:13px;display:grid}.householder-app .hh-custom-grid>span:nth-child(odd){color:var(--muted)}.householder-app .hh-seg{background:var(--hover);border-radius:999px;justify-self:start;gap:2px;padding:3px;display:inline-flex}.householder-app .hh-seg button{color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;transition:background .13s,color .13s}.householder-app .hh-seg button:hover:not(:disabled){color:var(--text)}.householder-app .hh-seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000002e}.householder-app .hh-seg button:disabled{opacity:1}.householder-app .hh-seg-wrap{border-radius:14px;flex-wrap:wrap}.householder-app .hh-chips{flex-wrap:wrap;gap:6px;padding:4px 8px 6px;display:flex}.householder-app .hh-chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-family:inherit;font-size:12px;transition:all .13s}.householder-app .hh-chip:hover{color:var(--text);border-color:var(--faint)}.householder-app .hh-chip.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.householder-app .hh-pt{z-index:30;background:radial-gradient(1200px 500px at 20% -10%, var(--accent-soft), transparent 60%), radial-gradient(900px 500px at 110% 110%, #4dabf714, transparent 60%), var(--bg);animation:fade-in .25s var(--ease-soft);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.householder-app .hh-pt-head{align-items:center;gap:14px;padding:16px 20px 8px;display:flex}.householder-app .sb-collapsed .hh-pt-head{padding-left:58px}.householder-app .hh-pt-title{flex:1;align-items:baseline;gap:10px;display:flex}.householder-app .hh-pt-title h2{font-size:22px;font-weight:500}.householder-app .hh-search{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.householder-app .hh-search:focus-within{border-color:var(--accent)}.householder-app .hh-search input{background:0 0;border:none;outline:none;width:150px;font-size:13.5px}.householder-app .hh-pt-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:4px 20px 12px;display:flex}.householder-app .hh-temp{align-items:center;gap:10px;font-size:13px;display:inline-flex}.householder-app .hh-temp input[type=range]{width:220px;accent-color:var(--accent)}.householder-app .hh-build{margin-left:auto}.householder-app .hh-pt-wrap{flex:1;min-height:0;padding:6px 20px 90px;overflow:auto}.householder-app .hh-pt-grid{grid-template-rows:repeat(7,auto) 14px repeat(2,auto);grid-template-columns:repeat(18,minmax(0,1fr));gap:4px;min-width:860px;max-width:1380px;margin:0 auto;display:grid}.householder-app .hh-tile{aspect-ratio:1/1.12;text-align:left;background:linear-gradient(155deg, color-mix(in srgb, var(--c) calc(var(--tile-mix) + 8%), var(--panel)), color-mix(in srgb, var(--c) var(--tile-mix), var(--bg-deep)));border:1px solid color-mix(in srgb, var(--c) 42%, transparent);animation:tile-in .55s var(--ease-pop) both;transition:transform .2s var(--ease-pop), box-shadow .2s, opacity .2s, filter .2s, border-color .2s;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:4px 5px;display:flex;position:relative;overflow:hidden}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)scale(.85)}}.householder-app .hh-pt-grid.mode-heat .hh-tile,.householder-app .hh-pt-grid.mode-state .hh-tile{background:color-mix(in srgb, var(--c) 72%, var(--bg-deep));border-color:color-mix(in srgb, var(--c) 80%, #000)}.householder-app .hh-pt-grid.mode-heat .hh-tile *,.householder-app .hh-pt-grid.mode-state .hh-tile *{text-shadow:0 1px 2px #00000059;color:#fff!important}.householder-app .hh-tile.nodata{background:var(--hover)!important;border-style:dashed!important}.householder-app .hh-tile:after{content:"";border-radius:inherit;transition:transform .6s var(--ease-soft);pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff2e 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.householder-app .hh-tile:hover:after,.householder-app .hh-tile.hot:after{transform:translate(120%)}.householder-app .hh-tile:hover,.householder-app .hh-tile:focus-visible{z-index:5;box-shadow:0 12px 30px color-mix(in srgb, var(--c) 45%, transparent), 0 0 0 1.5px var(--c);outline:none;transform:scale(1.28)}.householder-app .hh-tile.dim{opacity:.16;filter:grayscale()}.householder-app .hh-tile.in{box-shadow:0 0 0 2px var(--accent), 0 0 18px var(--glow);animation:tile-in .55s var(--ease-pop) both, in-pulse 2.2s ease-in-out .6s infinite}@keyframes in-pulse{50%{box-shadow:0 0 0 2px var(--accent), 0 0 4px transparent}}.householder-app .hh-tile-n{color:var(--muted);font-size:clamp(7px,.7vw,10px);line-height:1}.householder-app .hh-tile-sym{font-family:var(--font-math);color:var(--c);align-self:center;font-size:clamp(13px,1.55vw,22px);font-weight:600;line-height:1}:root[data-theme=light] .householder-app .hh-tile-sym{color:color-mix(in srgb, var(--c) 58%, #1d1a14)}.householder-app .hh-tile-name{color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:clamp(5.5px,.55vw,8.5px);line-height:1.1;overflow:hidden}.householder-app .hh-tile-val{color:var(--muted);text-align:center;white-space:nowrap;width:100%;font-size:clamp(5.5px,.55vw,8px);line-height:1;overflow:hidden}.householder-app .hh-fmark{color:var(--faint);border:1px dashed var(--border);border-radius:9px;justify-content:center;align-items:center;font-size:9px;display:flex}.householder-app .hh-inspect{border-radius:var(--r-lg);background:color-mix(in srgb, var(--panel) 75%, transparent);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:16px;min-height:0;margin:0 6px 10px;padding:6px 14px;display:flex;overflow:hidden}.householder-app .hh-inspect>.hh-muted{text-align:center;width:100%;font-size:13px}.householder-app .hh-inspect-tile{background:linear-gradient(155deg, color-mix(in srgb, var(--c) 34%, var(--panel)), color-mix(in srgb, var(--c) 14%, var(--bg-deep)));border:1.5px solid var(--c);width:92px;height:100px;box-shadow:0 10px 30px color-mix(in srgb, var(--c) 30%, transparent);animation:modal-pop .25s var(--ease-pop);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:7px 9px;display:flex}.householder-app .hh-inspect-tile span{color:var(--muted);font-size:11px}.householder-app .hh-inspect-tile b{font-family:var(--font-math);color:var(--c);align-self:center;font-size:38px;line-height:1}:root[data-theme=light] .householder-app .hh-inspect-tile b{color:color-mix(in srgb, var(--c) 58%, #1d1a14)}.householder-app .hh-inspect-tile em{color:var(--muted);align-self:center;font-size:10.5px;font-style:normal}.householder-app .hh-inspect-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.householder-app .hh-inspect-body h3{font-size:20px;font-weight:500}.householder-app .hh-inspect-body .hh-muted{font-size:12px}.householder-app .hh-inspect-config{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.householder-app .hh-inspect-kv{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.householder-app .hh-inspect-kv b{color:var(--text);font-weight:500}.householder-app .hh-legend{flex-wrap:wrap;justify-content:center;gap:6px 14px;max-width:1100px;margin:18px auto 0;display:flex}.householder-app .hh-legend-item{color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:4px 8px;font-size:12.5px;transition:background .13s,color .13s;display:inline-flex}.householder-app button.hh-legend-item:hover,.householder-app .hh-legend-item.on{background:var(--hover-strong);color:var(--text)}.householder-app .hh-legend-item>span{border-radius:3px;width:11px;height:11px}.householder-app .hh-heat-legend{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:inline-flex}.householder-app .hh-heat-bar{border-radius:5px;width:260px;height:10px}.householder-app .hh-tray{background:var(--panel);border:1px solid var(--accent);max-width:calc(100% - 40px);box-shadow:var(--shadow), 0 0 0 4px var(--accent-soft);animation:tray-up .3s var(--ease-pop);border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}@keyframes tray-up{0%{opacity:0;transform:translate(-50%,30px)}}.householder-app .hh-tray-el{background:var(--hover-strong);font-family:var(--font-math);border-radius:8px;align-items:baseline;gap:2px;padding:2px 4px 2px 8px;display:inline-flex}.householder-app .hh-tray-el button{width:18px;height:18px;color:var(--muted);border-radius:5px;margin-left:4px}.householder-app .hh-tray-el button:hover{background:var(--hover);color:var(--text)}.householder-app .hh-tray-f{font-family:var(--font-math);margin:0 6px;font-size:18px}.householder-app .hh-keys{flex-wrap:wrap;justify-content:center;gap:6px 14px;width:min(760px,100%);margin-top:10px;display:flex}.householder-app .hh-keygroup{align-items:center;gap:3px;display:inline-flex}.householder-app .hh-keylabel{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-right:3px;font-size:10px}.householder-app .hh-key{min-width:28px;height:26px;font-family:var(--font-math);color:var(--muted);border:1px solid var(--border);background:var(--panel);transition:color .12s, border-color .12s, transform .12s var(--ease-pop);border-radius:7px;padding:0 7px;font-size:14px}.householder-app .hh-key:hover{color:var(--text);border-color:var(--accent)}.householder-app .hh-key:active{transform:scale(.9)}.householder-app .hh-std{color:var(--accent)}.householder-app .hh-std:hover{background:var(--accent-soft)}.householder-app .hh-atom-btn{margin-right:4px}.householder-app .hh-atom-btn.on{color:var(--accent);background:var(--accent-soft)}.householder-app .hh-atom-btn:hover svg{animation:nav-ic-spin 1.2s var(--ease-soft)}.householder-app .hh-builder{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);width:min(760px,100%);box-shadow:var(--shadow);animation:modal-pop .25s var(--ease-pop);text-align:left;margin-top:14px;padding:16px}.householder-app .hh-builder-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.householder-app .hh-quad{background:linear-gradient(155deg, color-mix(in srgb, var(--el) 26%, var(--panel)), color-mix(in srgb, var(--el) 8%, var(--bg-deep)));border:1.5px solid color-mix(in srgb, var(--el) 70%, transparent);width:190px;height:170px;box-shadow:0 14px 34px color-mix(in srgb, var(--el) 22%, transparent);border-radius:18px;position:relative}.householder-app .hh-builder .hh-quad input.hh-quad-sym{text-align:center;width:96px;font-family:var(--font-math);color:var(--el);background:0 0;border:none;outline:none;font-size:54px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root[data-theme=light] .householder-app .hh-quad-sym{color:color-mix(in srgb, var(--el) 60%, #1d1a14)}.householder-app .hh-corner{flex-direction:column;gap:1px;display:flex;position:absolute}.householder-app .hh-corner input{background:color-mix(in srgb, var(--bg-deep) 60%, transparent);width:46px;font-family:var(--font-math);border:1px solid #0000;border-radius:7px;outline:none;padding:2px 5px;font-size:16px;transition:border-color .15s}.householder-app .hh-corner input:focus,.householder-app .hh-corner input:hover{border-color:var(--el)}.householder-app .hh-corner span{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:9px}.householder-app .hh-corner.bad input,.householder-app .hh-builder .hh-quad input.hh-quad-sym.bad{border-color:var(--bad);color:var(--bad)}.householder-app .hh-corner.bad span{color:var(--bad)}.householder-app .hh-corner.tl{top:9px;left:9px}.householder-app .hh-corner.tr{align-items:flex-end;top:9px;right:9px}.householder-app .hh-corner.tr input,.householder-app .hh-corner.br input{text-align:right}.householder-app .hh-corner.bl{flex-direction:column-reverse;bottom:9px;left:9px}.householder-app .hh-corner.br{flex-direction:column-reverse;align-items:flex-end;bottom:9px;right:9px}.householder-app .hh-builder-mid{flex-direction:column;gap:8px;display:flex}.householder-app .hh-step{grid-template-columns:76px auto 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.householder-app .hh-step-label{color:var(--muted)}.householder-app .hh-step-ctl{border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.householder-app .hh-step-ctl button,.householder-app .hh-nstat-ctl button{width:24px;height:24px;color:var(--muted);border-radius:50%;font-size:15px}.householder-app .hh-step-ctl button:hover:not(:disabled),.householder-app .hh-nstat-ctl button:hover:not(:disabled){background:var(--hover-strong);color:var(--text)}.householder-app .hh-step-ctl b{text-align:center;min-width:34px;font-family:var(--font-math);font-size:15px;font-weight:500}.householder-app .hh-step-hint{color:var(--faint);font-size:12px}.householder-app .hh-check-line{color:var(--muted);align-items:center;gap:7px;margin-top:2px;font-size:12px;display:flex}.householder-app .hh-check-line input{accent-color:var(--accent)}.householder-app .hh-builder-out{flex-direction:column;align-items:center;gap:6px;min-width:170px;display:flex}.householder-app .hh-builder-read{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.householder-app .hh-builder-read b{text-transform:capitalize;font-weight:500}.householder-app .hh-builder-sp{font-size:30px}.householder-app .hh-code{background:var(--hover-strong);border-radius:6px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.householder-app .hh-builder-actions code{color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.householder-app .hh-warntxt{color:var(--warn)!important}.householder-app .hh-builder-actions{border-top:1px solid var(--border-soft);align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.householder-app .hh-builder-actions>span{flex:1;line-height:1.6}.householder-app .hh-nucleus-svg{flex-shrink:0;overflow:visible}.householder-app .hh-proton{fill:var(--proton)}.householder-app .hh-neutron{fill:var(--neutron)}.householder-app .hh-nuc-core{transform-box:view-box;animation:2.8s ease-in-out infinite nuc-throb}@keyframes nuc-throb{50%{transform:scale(1.04)}}.householder-app .hh-nuc-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.householder-app .hh-nuc-top{align-items:center;gap:16px;margin-bottom:10px;display:flex}.householder-app .hh-nuc-id{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.householder-app .hh-nuc-sp{font-size:40px;line-height:1.1}.householder-app .hh-nuc-id b{font-size:16px;font-weight:500}.householder-app .hh-nuc-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.householder-app .hh-nstat{border-radius:var(--r-md);background:var(--hover);text-align:center;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.householder-app .hh-nstat-label{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.householder-app .hh-nstat-label i{background:var(--dot,var(--text));border-radius:50%;width:8px;height:8px}.householder-app .hh-nstat-ctl{align-items:center;gap:4px;display:inline-flex}.householder-app .hh-nstat-ctl b{font-family:var(--font-math);min-width:30px;font-size:22px;font-weight:500}.householder-app .hh-nstat-hint{color:var(--faint);font-size:10px}.householder-app .hh-nuc-known{margin-top:12px}.householder-app .hh-iso-row{flex-wrap:wrap;gap:6px;display:flex}.householder-app .hh-iso{border:1px solid var(--border);font-family:var(--font-math);transition:border-color .13s, transform .15s var(--ease-pop);border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:5px 9px;font-size:16px;display:inline-flex}.householder-app .hh-iso sup{vertical-align:.6em;font-size:10px}.householder-app .hh-iso span{font-family:var(--font-ui);color:var(--muted);max-width:90px;font-size:10px}.householder-app .hh-iso:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.householder-app .hh-iso.on{border-color:var(--accent);background:var(--accent-soft)}.householder-app .hh-iso.hot span{color:var(--warn)}.householder-app .hh-iso:disabled{opacity:1;cursor:default}.householder-app .hh-pne{gap:5px}.householder-app .hh-pne i{border-radius:50%;width:7px;height:7px;margin-left:4px}.householder-app .hh-pne i:first-child{margin-left:0}.householder-app .hh-pne i.p{background:var(--proton)}.householder-app .hh-pne i.n{background:var(--neutron)}.householder-app .hh-pne i.e{background:var(--text)}.householder-app .hh-nuclear{color:#e7b24a;border-color:#e7b24a80}.householder-app .hh-tile.theo{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 10%, transparent) 0 4px, transparent 4px 9px), color-mix(in srgb, var(--c) 7%, var(--bg-deep));border:1px dashed color-mix(in srgb, var(--c) 60%, transparent);animation:tile-in .55s var(--ease-pop) both, theo-breathe 4s ease-in-out .6s infinite}.householder-app .hh-tile.theo .hh-tile-sym{opacity:.85}.householder-app .hh-tile.theo .hh-tile-val{font-style:italic}.householder-app .hh-tile.theo:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--c) 45%, transparent), 0 0 0 1.5px var(--c), 0 0 26px color-mix(in srgb, var(--c) 40%, transparent)}@keyframes theo-breathe{50%{border-color:color-mix(in srgb, var(--c) 25%, transparent)}}.householder-app .hh-fmark.theo{color:#8c9cff;text-align:center;border-color:#8c9cff99;padding:0 6px;font-size:10px}.householder-app .theo-swatch{background-image:repeating-linear-gradient(135deg,#ffffff59 0 2px,#0000 2px 4px)!important}.householder-app .hh-inspect-tile.theo,.householder-app .hh-big-tile.theo{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 14%, transparent) 0 5px, transparent 5px 11px), var(--panel);border-style:dashed}.householder-app .hh-pill.theo{color:#8c9cff;border-color:#8c9cff73}.householder-app .hh-roots{font-family:var(--font-math);flex-wrap:wrap;gap:4px;margin:4px 0 6px;font-size:20px;display:flex}.householder-app .hh-root{background:#8c9cff1f;border-radius:8px;flex-direction:column;align-items:center;padding:4px 8px;display:inline-flex}.householder-app .hh-root b{color:#8c9cff;font-size:11px;font-family:var(--font-ui)}.householder-app .hh-root.end{background:var(--hover)}.householder-app .hh-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.householder-app .hh-pt-grid.dense{gap:2px}.householder-app .hh-pt-grid.dense .hh-tile{aspect-ratio:1/1.55;border-radius:5px;justify-content:center;align-items:center;padding:2px 1px}.householder-app .hh-pt-grid.dense .hh-tile-n,.householder-app .hh-pt-grid.dense .hh-tile-name,.householder-app .hh-pt-grid.dense .hh-tile-val{display:none}.householder-app .hh-pt-grid.dense .hh-tile-sym{font-size:clamp(7px,.78vw,13px)}.householder-app .hh-pt-grid.dense .hh-tile:hover,.householder-app .hh-pt-grid.dense .hh-tile:focus-visible{transform:scale(1.9)}.householder-app .hh-pt-grid.dense .hh-fmark{border-radius:5px;font-size:8px}.householder-app .hh-pt-grid.layout-ultra.dense .hh-tile{aspect-ratio:1/1.9}.householder-app .fit-scroll .hh-pt-grid{margin:0}.householder-app .fit-scroll .hh-tile-sym{font-size:20px}.householder-app .fit-scroll .hh-tile-n{font-size:9px}.householder-app .fit-scroll .hh-tile-name,.householder-app .fit-scroll .hh-tile-val{font-size:7.5px}.householder-app .hh-pt-grid:not(.dense).layout-wide .hh-tile-name,.householder-app .hh-pt-grid:not(.dense).layout-janet .hh-tile-name{font-size:7px}.householder-app .hh-pt-foot{border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 20px;display:flex;position:relative}.householder-app .hh-foot-group{align-items:center;gap:8px;display:inline-flex}.householder-app .hh-foot-label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11px}.householder-app .hh-foot-hint{margin-left:auto;font-size:12px}.householder-app .hh-switch{align-items:center;gap:9px;font-size:13px;display:inline-flex}.householder-app .hh-switch-track{background:var(--hover-strong);border:1px solid var(--border);border-radius:999px;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.householder-app .hh-switch-knob{background:var(--muted);width:14px;height:14px;transition:transform .25s var(--ease-pop), background .2s;border-radius:50%;position:absolute;top:2px;left:2px}.householder-app .hh-switch.on .hh-switch-track{background:#8c9cff59;border-color:#8c9cff;box-shadow:0 0 14px #8c9cff59}.householder-app .hh-switch.on .hh-switch-knob{background:#fff;transform:translate(16px)}.householder-app .hh-panel-wrap{z-index:45;background:var(--overlay);animation:fade-in .2s var(--ease-soft);justify-content:flex-end;display:flex;position:absolute;inset:0}.householder-app .hh-panel{background:var(--panel);border-left:1px solid var(--border);width:min(460px,100%);height:100%;box-shadow:var(--shadow);animation:panel-in .32s var(--ease-pop);-webkit-user-select:text;user-select:text;padding:12px 20px 40px;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translate(40px)}}.householder-app .hh-panel-top{align-items:center;gap:4px;margin-bottom:8px;display:flex}.householder-app .hh-grow{flex:1}.householder-app .hh-panel-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.householder-app .hh-big-tile{background:linear-gradient(155deg, color-mix(in srgb, var(--c) 36%, var(--panel)), color-mix(in srgb, var(--c) 12%, var(--bg-deep)));border:1.5px solid var(--c);width:138px;height:150px;box-shadow:0 16px 40px color-mix(in srgb, var(--c) 30%, transparent);animation:modal-pop .35s var(--ease-pop);border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:10px 12px;display:flex}.householder-app .hh-big-n{color:var(--muted);font-size:14px}.householder-app .hh-big-sym{font-family:var(--font-math);color:var(--c);align-self:center;font-size:60px;font-weight:600;line-height:1}:root[data-theme=light] .householder-app .hh-big-sym{color:color-mix(in srgb, var(--c) 58%, #1d1a14)}.householder-app .hh-big-mass{color:var(--muted);align-self:center;font-size:13px}.householder-app .hh-bohr{flex-shrink:0;overflow:visible}.householder-app .hh-nucleus{filter:drop-shadow(0 0 6px)}.householder-app .hh-orbit{fill:none;stroke:var(--border);stroke-width:1px}.householder-app .hh-electron{fill:var(--text)}.householder-app .hh-shell{transform-box:view-box;animation:linear infinite orbit}@keyframes orbit{to{transform:rotate(360deg)}}.householder-app .hh-panel-name{margin:14px 0 8px;font-size:30px;font-weight:500}.householder-app .hh-panel-tags{flex-wrap:wrap;gap:6px;display:flex}.householder-app .hh-panel-summary{margin-top:14px;font-size:14.5px;line-height:1.55}.householder-app .hh-panel-actions{gap:8px;margin-top:14px;display:flex}.householder-app .hh-panel-sect{margin-top:22px}.householder-app .hh-panel-sect h4{letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:11px;font-weight:500}.householder-app .hh-panel-sect h5{margin:12px 0 4px;font-size:13px;font-weight:500}.householder-app .hh-prose{color:var(--text);margin-top:8px;font-size:13.5px;line-height:1.6}.householder-app .hh-fun{border-radius:var(--r-md);background:var(--accent-soft);flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.householder-app .hh-fun b{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.householder-app .hh-panel .hh-chips{padding:0}.householder-app .hh-panel .hh-chip{font-family:var(--font-math);font-size:13px}@media (prefers-reduced-motion:reduce){.householder-app .hh-shell,.householder-app .hh-verdict-dot,.householder-app .hh-tile.in{animation:none}}@media (max-width:720px){.householder-app .hh-scroll{padding:0 12px 60px}.householder-app .hh-grid,.householder-app .hh-grid.cols-2,.householder-app .hh-grid.cols-3{columns:1}.householder-app .hh-card-hide,.householder-app .hh-edit{opacity:1}.householder-app .hh-custom{width:auto;position:fixed;top:60px;left:12px;right:12px}.householder-app .hh-pt-head{flex-wrap:wrap;padding-left:58px}.householder-app .hh-search input{width:110px}.householder-app .hh-build{margin-left:0}.householder-app .hh-inspect-kv,.householder-app .hh-inspect .hh-bohr{display:none}.householder-app .hh-tray{border-radius:18px;bottom:120px}.householder-app .hh-foot-hint{display:none}.householder-app .hh-pt-foot{gap:8px 12px;padding:8px 12px}.householder-app .hh-panel-hero .hh-bohr{width:110px;height:110px}.householder-app .hh-conv-row .text-input{width:120px}.householder-app .hh-builder-grid{grid-template-columns:1fr;justify-items:center}.householder-app .hh-builder-actions{flex-wrap:wrap}}.householder-app .hh-amp{color:var(--accent);opacity:.9;margin:0 .3em;font-size:.8em}.householder-app .hh-mix .hh-rx-sp{align-items:baseline;gap:.3em;display:inline-flex}.householder-app .hh-mix-amt{font-family:var(--font-ui,inherit);letter-spacing:.02em;white-space:nowrap;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:999px;align-self:center;padding:.25em .6em;font-size:.42em}.householder-app .hh-preview .hh-mix-amt{font-size:.62em}.householder-app .hh-mix-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px;display:inline-block}.householder-app .hh-mix-sub{align-items:center;gap:7px;font-size:15px;display:inline-flex}.householder-app .hh-mix-name{text-transform:capitalize;margin-left:16px;display:block}.householder-app .hh-mix-bar{height:12px;margin-bottom:12px}.householder-app .hh-mix-mode{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.householder-app .hh-mix-parts .hh-amt .text-input{width:84px;font-family:var(--font-math)}.householder-app .hh-mix-parts td{vertical-align:top}.householder-app .hh-mix-why{color:var(--muted);flex-direction:column;gap:6px;margin-top:12px;font-size:13px;line-height:1.5;list-style:none;display:flex}.householder-app .hh-mix-why li{border-left:2px solid var(--border);padding-left:12px}.householder-app .hh-mix-named b{margin-right:6px}.householder-app .hh-mix-named p{margin:4px 0 0}.householder-app .hh-mix-named .pill-btn{font-family:var(--font-math);margin-top:8px}.householder-app .hh-mix-sect{margin-top:16px}.householder-app .hh-mix-p{margin:0 0 4px}.householder-app .hh-mix-p .text-input{width:90px}.householder-app .hh-mix-eq{font-family:var(--font-math);color:var(--text);align-self:flex-start;margin-top:6px;font-size:13px}.householder-app .hh-mix-eq:hover{border-color:var(--accent)}.householder-app .hh-comp>.hh-seg{margin-bottom:4px}.householder-app .hh-verdict:not(.ok):not(.warn):not(.bad){color:var(--muted)}.householder-app .finder-btn{color:var(--accent)}.householder-app .finder-btn:hover{background:var(--accent-soft)}.householder-app .hh-find-wrap{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:8px 20px 60px;display:flex;overflow-y:auto}.householder-app .hh-find-wrap>*{width:min(1040px,100%)}.householder-app .hh-find-box{border-radius:var(--r-lg,18px);border:1px solid var(--border);background:var(--panel);color:var(--muted);align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.householder-app .hh-find-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.householder-app .hh-find-box>svg{flex-shrink:0;margin-top:5px}.householder-app .hh-find-input{resize:none;min-width:0;color:var(--text);font:inherit;field-sizing:content;background:0 0;border:none;outline:none;flex:1;min-height:2lh;max-height:8lh;font-size:17px;line-height:1.5}.householder-app .hh-find-input::placeholder{color:var(--faint)}.householder-app .hh-find-read{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.householder-app .hh-find-read .hh-label{margin:0 4px 0 0}.householder-app .hh-find-read .hh-chip{cursor:default}.householder-app .hh-find-skip{opacity:.7;text-decoration:line-through}.householder-app .hh-find-empty{text-align:center;flex-direction:column;align-items:center;padding-top:18px;display:flex}.householder-app .hh-find-empty p{max-width:620px;font-size:14px;line-height:1.6}.householder-app .hh-find-cols{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.householder-app .hh-find-cols>.hh-find-main:only-child{grid-column:1/-1}.householder-app .hh-find-main{break-inside:auto;margin:0;padding:20px 22px}.householder-app .hh-find-top{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.householder-app .hh-find-formula{font-size:clamp(26px,4vw,42px);line-height:1.15}.householder-app .hh-find-formula .hh-rx{justify-content:flex-start;font-size:.62em}.householder-app .hh-find-id{flex-direction:column;flex:1;gap:2px;min-width:160px;display:flex}.householder-app .hh-find-id h3{text-transform:capitalize;font-size:22px;font-weight:500}.householder-app .hh-find-id .hh-muted{font-size:13px}.householder-app .hh-find-score{background:radial-gradient(closest-side, var(--panel) 80%, transparent 81%), conic-gradient(var(--accent) var(--pct), var(--hover-strong) 0);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;line-height:1.1;display:flex}.householder-app .hh-find-score b{font-family:var(--font-math);font-size:18px;font-weight:500}.householder-app .hh-find-score span{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:9.5px}.householder-app .hh-find-marks{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.householder-app .hh-find-mark{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:12px;display:inline-flex}.householder-app .hh-find-mark.ok{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 10%, transparent)}.householder-app .hh-find-mark.near{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.householder-app .hh-find-mark.off{opacity:.75}.householder-app .hh-find-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.householder-app .hh-find-actions .pill-btn.accent{font-family:var(--font-math)}.householder-app .hh-find-facts{columns:2 300px;column-gap:28px;margin-top:16px}.householder-app .hh-find-facts .hh-kv{break-inside:avoid;border-bottom:1px dashed var(--border-soft)}.householder-app .hh-find-facts .hh-kv.lit{background:color-mix(in srgb, var(--good) 9%, transparent);border-radius:6px;margin:0 -8px;padding-left:8px;padding-right:8px}.householder-app .hh-find-facts .hh-kv.lit>span{color:var(--good)}.householder-app .hh-find-list{flex-direction:column;gap:6px;display:flex}.householder-app .hh-find-list .hh-label{margin-bottom:2px}.householder-app .hh-find-row{text-align:left;border-radius:var(--r-md);border:1px solid var(--border-soft);background:var(--panel);transition:border-color .13s, transform .13s var(--ease-pop);align-items:center;gap:10px;padding:9px 12px;display:flex}.householder-app .hh-find-row:hover{border-color:var(--faint);transform:translate(2px)}.householder-app .hh-find-row.on{border-color:var(--accent);background:var(--accent-soft)}.householder-app .hh-find-row-f{font-family:var(--font-math);text-overflow:ellipsis;white-space:nowrap;min-width:62px;max-width:110px;font-size:16px;overflow:hidden}.householder-app .hh-find-row-id{flex-direction:column;flex:1;min-width:0;display:flex}.householder-app .hh-find-row-id b{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.householder-app .hh-find-row-id .hh-muted{font-size:11.5px}.householder-app .hh-find-row-pct{font-family:var(--font-math);color:var(--muted);font-size:14px}@media (max-width:820px){.householder-app .hh-find-cols{grid-template-columns:1fr}.householder-app .hh-find-wrap{padding:8px 12px 60px}}.householder-app .hh-mix-conc th{text-transform:none;letter-spacing:.02em}
.syllable-app{z-index:60;--font-ui:"P22 Mackinac Pro", Charter, serif;--font-mono:"Fira Code", ui-monospace, monospace;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--ease-pop:cubic-bezier(.2, .9, .3, 1.2);--ease-soft:cubic-bezier(.25, .8, .25, 1);--cc:var(--accent);position:fixed;inset:0;overflow:hidden}:root[data-theme=dark] .syllable-app{--bg:#262624;--bg-deep:#1f1e1b;--panel:#30302e;--panel-2:#393937;--border:#3e3e3b;--border-soft:#34342f;--text:#e8e6e0;--muted:#9d9a92;--faint:#6f6c64;--accent:#5c8fd6;--accent-soft:#5c8fd629;--danger:#e0655a;--danger-soft:#e0655a24;--warn:#d9a13f;--good:#3fa860;--hover:#fff1;--hover-strong:#ffffff1a;--shadow:0 8px 30px #00000059;--overlay:#0f0e0c99;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light] .syllable-app{--bg:#faf9f4;--bg-deep:#f3f1e8;--panel:#fdfcf8;--panel-2:#f1efe4;--border:#e4e0d1;--border-soft:#ebe8dc;--text:#37332a;--muted:#8a8577;--faint:#b3ae9f;--accent:#3c6db5;--accent-soft:#3c6db521;--danger:#c94a3f;--danger-soft:#c94a3f1f;--warn:#b07d1c;--good:#2f8f50;--hover:#483e260f;--hover-strong:#483e261a;--shadow:0 8px 30px #5a503724;--overlay:#3c362866;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.syllable-app,.syllable-app *{box-sizing:border-box;margin:0;padding:0}.syllable-app{height:100%;font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s var(--ease-soft), color .3s var(--ease-soft);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.45}.syllable-app input,.syllable-app textarea,.syllable-app .md-preview:not(.locked){-webkit-user-select:text;user-select:text}.syllable-app button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.syllable-app button:disabled{cursor:default;opacity:.45}.syllable-app input,.syllable-app textarea{font:inherit;color:inherit}.syllable-app ul{list-style:none}.syllable-app :focus-visible{outline:2px solid var(--cc);outline-offset:2px}.syllable-app .app{height:100vh;transition:grid-template-columns .3s var(--ease-soft);grid-template-columns:290px 1fr;display:grid;overflow:hidden}.syllable-app .app.sb-collapsed{grid-template-columns:0 1fr}.syllable-app .main{min-width:0;height:100vh;overflow-y:auto}.syllable-app .nav-item{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--muted);transition:background .13s var(--ease-soft), color .13s;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.syllable-app .nav-item:hover{background:var(--hover);color:var(--text)}.syllable-app .nav-item.active{background:var(--hover-strong);color:var(--text)}.syllable-app .nav-ico{color:var(--faint);transition:color .13s;display:inline-flex}.syllable-app .nav-item.active .nav-ico{color:var(--accent)}.syllable-app .nav-count{color:var(--faint);margin-left:auto;font-size:11.5px}.syllable-app .nav-badge{background:var(--hover-strong);color:var(--muted);border-radius:999px;flex-shrink:0;margin-right:6px;padding:1px 7px;font-size:10.5px}.syllable-app .board-item:hover .nav-badge{display:none}.syllable-app .course-dot{width:9px;height:9px;transition:transform .2s var(--ease-pop);border-radius:50%;display:block}.syllable-app .board-item:hover .course-dot{transform:scale(1.35)}.syllable-app .fold-chev{transition:transform .2s var(--ease-pop)}.syllable-app .fold-chev.open{transform:rotate(90deg)}.syllable-app .folder-head{align-items:center;gap:6px;width:100%;display:flex}.syllable-app .export-btn{color:var(--accent)}.syllable-app .export-btn:hover{background:var(--accent-soft);color:var(--accent)}.syllable-app .theme-btn:hover svg{transform:scale(1.12)}.syllable-app .pill-btn{border:1px solid var(--border);background:var(--panel);white-space:nowrap;transition:background .15s, transform .15s var(--ease-soft), border-color .15s, filter .15s;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;display:inline-flex}.syllable-app .pill-btn:hover:not(:disabled){background:var(--panel-2)}.syllable-app .pill-btn:active:not(:disabled){transform:scale(.96)}.syllable-app .pill-btn.accent{background:var(--cc);border-color:var(--cc);color:#fff}.syllable-app .pill-btn.accent:hover:not(:disabled){background:var(--cc);filter:brightness(1.08)}.syllable-app .pill-btn.accent svg{transition:transform .3s var(--ease-pop)}.syllable-app .pill-btn.accent:hover svg{transform:rotate(90deg)}.syllable-app .pill-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.syllable-app .pill-btn.ghost-danger{color:var(--danger);background:0 0;border-color:#0000}.syllable-app .pill-btn.ghost-danger:hover{background:var(--danger-soft)}.syllable-app .pill-btn.small{padding:4px 11px;font-size:12px}.syllable-app .link-btn{color:var(--muted);border-radius:6px;padding:2px 4px;font-size:12px}.syllable-app .link-btn:hover{color:var(--text);text-decoration:underline}.syllable-app .chips{flex-wrap:wrap;gap:6px;display:flex}.syllable-app .chip{border:1px solid var(--border);color:var(--muted);transition:background .15s, color .15s, border-color .15s, transform .15s var(--ease-pop);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;display:inline-flex}.syllable-app .chip.small{padding:3px 10px;font-size:11.5px}.syllable-app .chip:hover{color:var(--text);border-color:var(--faint);transform:translateY(-1px)}.syllable-app .chip:active{transform:scale(.94)}.syllable-app .chip.on{background:color-mix(in srgb, var(--cc) 18%, transparent);border-color:var(--cc);color:var(--text)}.syllable-app .seg{grid-template-columns:repeat(var(--n), 1fr);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-grid;position:relative}.syllable-app .seg-thumb{width:calc((100% - 6px) / var(--n));transform:translateX(calc(var(--i) * 100%));background:color-mix(in srgb, var(--cc) 20%, var(--hover-strong));transition:transform .3s var(--ease-pop);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.syllable-app .seg-btn{z-index:1;color:var(--muted);white-space:nowrap;transition:color .18s, transform .15s var(--ease-soft);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;display:inline-flex;position:relative}.syllable-app .seg-btn:hover,.syllable-app .seg-btn.on{color:var(--text)}.syllable-app .seg-btn:active{transform:scale(.95)}.syllable-app .seg-btn.on svg{color:var(--cc)}.syllable-app .seg-badge{background:var(--cc);color:#fff;animation:sy-pop .35s var(--ease-pop);border-radius:999px;padding:3px 6px;font-size:10.5px;line-height:1}.syllable-app .tabs{width:100%;max-width:620px;margin-bottom:22px;display:grid}.syllable-app .tabs .seg-btn{padding:8px 10px;font-size:13.5px}.syllable-app .overlay{background:var(--overlay);z-index:100;animation:sy-fade .18s var(--ease-soft);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.syllable-app .modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);width:min(540px,100vw - 32px);box-shadow:var(--shadow);animation:sy-modal .22s var(--ease-pop);max-height:90vh;padding:24px;overflow-y:auto}.syllable-app .modal.wide{width:min(780px,100vw - 32px)}.syllable-app .modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.syllable-app .modal-head h2{font-size:21px;font-weight:600}.syllable-app .modal-sub{color:var(--muted);margin-bottom:14px;font-size:13.5px}.syllable-app .modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;display:flex}.syllable-app .field-label{color:var(--muted);margin:16px 0 7px;font-size:13px;display:block}.syllable-app .field-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.syllable-app .field-row>div{min-width:0}.syllable-app .hint{color:var(--faint);font-size:12px}.syllable-app .hint.bad{color:var(--danger);margin-top:6px}.syllable-app .text-input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.syllable-app .text-input:focus{border-color:var(--cc);box-shadow:0 0 0 1px var(--cc)}.syllable-app .text-input.small{border-radius:var(--r-sm);padding:5px 10px;font-size:13px}.syllable-app .text-input.date,.syllable-app .text-input.time{font-variant-numeric:tabular-nums;width:auto}.syllable-app input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.syllable-app .sy-shake{animation:.4s sy-shake}.syllable-app .text-input.sy-shake{border-color:var(--danger)}.syllable-app .swatches{gap:9px;display:flex}.syllable-app .swatch{opacity:.6;width:24px;height:24px;transition:transform .15s var(--ease-pop), opacity .15s, box-shadow .15s;border-radius:50%}.syllable-app .swatch:hover{opacity:1;transform:scale(1.2)}.syllable-app .swatch.on{opacity:1;box-shadow:0 0 0 2px var(--panel), 0 0 0 3.5px currentColor;transform:scale(1.1)}.syllable-app .view{width:100%;max-width:1020px;animation:sy-step .35s var(--ease-pop);margin:0 auto;padding:30px 30px 80px}.syllable-app .view-title{font-size:26px;font-weight:600}.syllable-app .tab-body{animation:sy-step .3s var(--ease-pop)}.syllable-app .tab-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;display:flex}.syllable-app .tab-title{font-size:19px;font-weight:600}.syllable-app .tab-sub{color:var(--muted);margin-top:2px;font-size:13px}.syllable-app .section-title{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;margin:30px 0 12px;font-size:12px;font-weight:500}.syllable-app .section-link{letter-spacing:inherit;text-transform:inherit;align-items:center;gap:8px;display:inline-flex}.syllable-app .section-link:hover{color:var(--text)}.syllable-app .empty-hint{color:var(--faint);padding:12px 2px;font-size:13px;font-style:italic}.syllable-app .empty-hint .chips{margin-top:10px;font-style:normal}.syllable-app .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.syllable-app .card-title{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.syllable-app .kind-chip{letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;background:color-mix(in srgb, var(--cc) 18%, transparent);color:var(--cc);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:10.5px;font-weight:500;display:inline-block}.syllable-app .dots-wrap{flex-shrink:0;display:inline-flex;position:relative}.syllable-app .dots-menu{z-index:30;position:absolute;top:34px;right:0}.syllable-app .collapse{margin-top:18px}.syllable-app .collapse-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.syllable-app .collapse-btn{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;border-radius:6px;align-items:center;gap:7px;padding:4px 6px;font-size:12px;display:inline-flex}.syllable-app .collapse-btn:hover{color:var(--text);background:var(--hover)}.syllable-app .collapse-count{background:var(--hover-strong);letter-spacing:0;border-radius:999px;padding:0 7px;font-size:11px}.syllable-app .course-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.syllable-app .course-chip{background:var(--cc);color:#fff;letter-spacing:.02em;width:52px;height:52px;box-shadow:0 6px 18px color-mix(in srgb, var(--cc) 35%, transparent);transition:transform .4s var(--ease-pop);border-radius:16px;flex-shrink:0;place-items:center;font-size:19px;font-weight:600;display:grid}.syllable-app .course-head:hover .course-chip{transform:rotate(-6deg)scale(1.05)}.syllable-app .course-chip.small{width:34px;height:34px;box-shadow:none;border-radius:11px;font-size:13px}.syllable-app .course-titles{flex:1;min-width:0}.syllable-app .course-titles h1{font-size:26px;font-weight:600;line-height:1.2}.syllable-app .course-titles p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13.5px;display:flex}.syllable-app .course-next{color:var(--cc);align-items:center;gap:5px;display:inline-flex}.syllable-app .wk{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.syllable-app .wk-scroll{overflow-x:auto}.syllable-app .wk-grid{min-width:560px;padding:0 10px 12px 0;display:grid}.syllable-app .wk-day{text-align:center;color:var(--muted);letter-spacing:.03em;padding:11px 0 9px;font-size:12px}.syllable-app .wk-day.today{color:var(--cc);font-weight:600}.syllable-app .wk-hours{position:relative}.syllable-app .wk-hours span{color:var(--faint);white-space:nowrap;font-size:10.5px;position:absolute;right:8px;transform:translateY(-50%)}.syllable-app .wk-col{border-left:1px solid var(--border);background-image:linear-gradient(var(--border) 1px, transparent 1px);touch-action:pan-y;position:relative}.syllable-app .wk-col:last-child{border-right:1px solid var(--border)}.syllable-app .wk-col.today{background-color:color-mix(in srgb, var(--cc) 6%, transparent)}.syllable-app .wk.editable .wk-col{cursor:crosshair}.syllable-app .wk-now{background:var(--danger);z-index:2;pointer-events:none;height:2px;position:absolute;left:0;right:0}.syllable-app .wk-now:before{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}.syllable-app .wk-block{text-align:left;border-left:3px solid var(--bc);background:color-mix(in srgb, var(--bc) 24%, var(--panel));color:var(--text);cursor:pointer;transition:transform .18s var(--ease-pop), box-shadow .18s, filter .18s;animation:sy-block .3s var(--ease-pop);border-radius:8px;flex-direction:column;padding:4px 7px;font-size:11.5px;line-height:1.3;display:flex;position:absolute;overflow:hidden}.syllable-app .wk-block:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--bc) 30%, transparent);z-index:3;filter:brightness(1.06);transform:translateY(-1px)scale(1.02)}.syllable-app .wk-block:active{transform:scale(.97)}.syllable-app .wk-block.alt{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--bc) 28%, var(--panel)) 0 8px, color-mix(in srgb, var(--bc) 13%, var(--panel)) 8px 16px);border-left-style:dashed}.syllable-app .wk-block.off{opacity:.45}.syllable-app .wk-block-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.syllable-app .wk-block-time,.syllable-app .wk-block-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.syllable-app .wk-block.short .wk-block-sub{display:none}.syllable-app .wk-block-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--bc);white-space:nowrap;margin-top:auto;font-size:9.5px;font-weight:600}.syllable-app .wk-ghost{border:1.5px dashed var(--cc);background:color-mix(in srgb, var(--cc) 22%, transparent);pointer-events:none;z-index:4;border-radius:8px;min-height:14px;padding:3px 7px;font-size:11px;font-weight:600;position:absolute;left:3px;right:3px}.syllable-app .callouts{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.syllable-app .callout{border-radius:var(--r-md);background:color-mix(in srgb, var(--cc) 12%, transparent);border:1px solid color-mix(in srgb, var(--cc) 35%, transparent);text-align:left;transition:transform .15s var(--ease-pop), background .15s;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;display:flex}.syllable-app .callout:hover{background:color-mix(in srgb, var(--cc) 17%, transparent);transform:translate(2px)}.syllable-app .callout svg{color:var(--cc);flex-shrink:0;margin-top:2px}.syllable-app .callout.off{background:var(--hover);border-color:var(--border)}.syllable-app .callout.off svg,.syllable-app .callout-note{color:var(--muted)}.syllable-app .meet-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.syllable-app .meet-card{border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel);border-left:3px solid var(--cc);transition:transform .18s var(--ease-pop), border-color .15s;align-items:center;padding:4px 8px 4px 0;display:flex}.syllable-app .meet-card:hover{transform:translate(3px)}.syllable-app .meet-main{text-align:left;flex-wrap:wrap;flex:1;align-items:center;gap:4px 16px;min-width:0;padding:9px 14px;display:flex}.syllable-app .meet-kind{min-width:92px;font-weight:600}.syllable-app .meet-fact{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.syllable-app .meet-fact.hot{color:var(--cc)}.syllable-app .day-row{gap:7px;display:flex}.syllable-app .day-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);transition:background .15s, color .15s, border-color .15s, transform .18s var(--ease-pop);border-radius:50%;font-size:13px}.syllable-app .day-btn:hover{border-color:var(--faint);color:var(--text);transform:translateY(-2px)}.syllable-app .day-btn:active{transform:scale(.9)}.syllable-app .day-btn.on{background:var(--cc);border-color:var(--cc);color:#fff;animation:sy-pop .3s var(--ease-pop)}.syllable-app .time-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.syllable-app .time-dash{color:var(--faint);font-size:13px}.syllable-app .time-dur{color:var(--cc);background:color-mix(in srgb, var(--cc) 14%, transparent);border-radius:999px;padding:3px 10px;font-size:12.5px}.syllable-app .time-dur.bad{color:var(--danger);background:var(--danger-soft)}.syllable-app .repeat-box{border-radius:var(--r-md);background:var(--hover);animation:sy-step .25s var(--ease-pop);flex-direction:column;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.syllable-app .stepper,.syllable-app .repeat-anchor{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.syllable-app .stepper b{text-align:center;min-width:18px;font-size:16px}.syllable-app .stepper .icon-btn{border:1px solid var(--border);border-radius:50%;width:26px;height:26px}.syllable-app .sy-check{border:1.8px solid var(--faint);color:#fff;width:22px;height:22px;transition:border-color .15s, background .2s, transform .15s var(--ease-pop);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.syllable-app .sy-check:hover{border-color:var(--cc);background:color-mix(in srgb, var(--cc) 14%, transparent);transform:scale(1.12)}.syllable-app .sy-check:active{transform:scale(.85)}.syllable-app .sy-check svg{stroke-width:2.6px;stroke-dasharray:24;stroke-dashoffset:24px}.syllable-app .sy-check.on{background:var(--cc);border-color:var(--cc)}.syllable-app .sy-check.on svg{stroke-dashoffset:0}.syllable-app .sy-check-ring{border:2px solid var(--cc);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.syllable-app .live .sy-check.on{animation:sy-pop .4s var(--ease-pop)}.syllable-app .live .sy-check.on svg{transition:stroke-dashoffset .28s var(--ease-soft) 60ms}.syllable-app .live .sy-check.on .sy-check-ring{animation:sy-ripple .55s var(--ease-soft)}.syllable-app .sy-add{border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel);align-items:center;gap:8px;padding:7px 8px 7px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.syllable-app .sy-add:focus-within{border-color:var(--cc);box-shadow:0 0 0 1px var(--cc)}.syllable-app .sy-add-plus{color:var(--faint);transition:transform .3s var(--ease-pop), color .15s;display:inline-flex}.syllable-app .sy-add:focus-within .sy-add-plus{color:var(--cc);transform:rotate(90deg)}.syllable-app .sy-add-input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:5px 0;font-size:14px}.syllable-app .sy-add-input::placeholder{color:var(--faint)}.syllable-app .sy-list ul{margin-top:8px}.syllable-app .sy-item{border-radius:var(--r-sm);animation:sy-in .28s var(--ease-pop);align-items:center;gap:12px;padding:7px 6px 7px 10px;transition:background .13s;display:flex}.syllable-app .sy-item:hover{background:var(--hover)}.syllable-app .sy-item-title{text-align:left;cursor:text;flex:1;min-width:0;padding:2px 0;font-size:14.5px}.syllable-app .sy-item-title span{transition:background-size .35s var(--ease-soft), color .3s;background-image:linear-gradient(currentColor,currentColor);background-position:0 56%;background-repeat:no-repeat;background-size:0 1.5px}.syllable-app .sy-item.done .sy-item-title span{color:var(--faint);background-size:100% 1.5px}.syllable-app .sy-item-edit{flex:1;gap:8px;min-width:0;display:flex}.syllable-app .sy-item-edit .text-input:first-child{flex:1;min-width:0}.syllable-app .sy-item-x{opacity:0;flex-shrink:0;width:26px;height:26px}.syllable-app .sy-item:hover .sy-item-x,.syllable-app .sy-item-x:focus-visible{opacity:1}.syllable-app .sy-item-x:hover{color:var(--danger);background:var(--danger-soft)}.syllable-app .due-chip{color:var(--muted);background:var(--hover);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;display:inline-flex}.syllable-app .due-chip.soon{color:var(--warn);background:color-mix(in srgb, var(--warn) 15%, transparent)}.syllable-app .due-chip.late{color:var(--danger);background:var(--danger-soft)}.syllable-app .all-clear{text-align:center;border-radius:var(--r-lg);border:1px dashed color-mix(in srgb, var(--good) 50%, transparent);background:color-mix(in srgb, var(--good) 9%, transparent);color:var(--good);animation:sy-step .4s var(--ease-pop);margin-top:12px;padding:22px;font-size:15px}.syllable-app .filler-hero{align-items:center;gap:16px;margin-bottom:18px;display:flex}.syllable-app .sy-ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.syllable-app .sy-ring svg{position:absolute;inset:0}.syllable-app .sy-ring-track{stroke:var(--hover-strong)}.syllable-app .sy-ring-fill{stroke:var(--cc);transition:stroke-dashoffset .6s var(--ease-pop), stroke .3s}.syllable-app .sy-ring.full .sy-ring-fill{stroke:var(--good)}.syllable-app .sy-ring.full{animation:sy-pop .5s var(--ease-pop)}.syllable-app .sy-ring-label{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.syllable-app .exam-list{gap:14px;display:grid}.syllable-app .exam-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);animation:sy-in .3s var(--ease-pop);padding:16px 16px 14px;transition:border-color .2s,box-shadow .2s}.syllable-app .exam-card.near{border-color:color-mix(in srgb, var(--warn) 60%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 10%, transparent)}.syllable-app .exam-card.taken{background:0 0}.syllable-app .exam-head{align-items:center;gap:14px;display:flex}.syllable-app .exam-date{background:color-mix(in srgb, var(--cc) 16%, transparent);width:52px;height:54px;color:var(--cc);border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;line-height:1.1;display:flex}.syllable-app .exam-date span{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.syllable-app .exam-date b{font-size:20px;font-weight:600}.syllable-app .exam-card.taken .exam-date{background:var(--hover);color:var(--muted)}.syllable-app .exam-meta{flex:1;min-width:0}.syllable-app .exam-meta h3{font-size:17px;font-weight:600}.syllable-app .exam-facts{color:var(--muted);flex-wrap:wrap;gap:2px 12px;font-size:12.5px;display:flex}.syllable-app .exam-facts span{align-items:center;gap:4px;display:inline-flex}.syllable-app .countdown{background:var(--hover);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:12.5px}.syllable-app .countdown.soon{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.syllable-app .countdown.late{background:var(--danger-soft);color:var(--danger)}.syllable-app .stamp{border:1.5px solid var(--good);color:var(--good);letter-spacing:.08em;text-transform:uppercase;animation:sy-stamp .45s var(--ease-pop);border-radius:8px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex;transform:rotate(-5deg)}.syllable-app .exam-bar{background:var(--hover-strong);border-radius:999px;height:5px;margin:14px 0 4px;overflow:hidden}.syllable-app .exam-bar span{background:var(--cc);height:100%;transition:width .55s var(--ease-pop);border-radius:999px;display:block}.syllable-app .exam-card.taken .exam-bar span{background:var(--good)}.syllable-app .exam-section{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;margin:12px 0 8px;font-size:11.5px}.syllable-app .exam-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.syllable-app .take-btn{border-radius:var(--r-md);border:1.5px dashed color-mix(in srgb, var(--cc) 70%, transparent);width:100%;color:var(--cc);transition:background .2s, color .2s, border-color .2s, transform .2s var(--ease-pop), box-shadow .2s;justify-content:center;align-items:center;gap:9px;padding:12px;font-size:14.5px;font-weight:600;display:flex}.syllable-app .take-btn:hover{background:var(--cc);border-style:solid;border-color:var(--cc);color:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--cc) 35%, transparent);transform:translateY(-2px)}.syllable-app .take-btn:active{transform:scale(.97)}.syllable-app .take-btn svg{transition:transform .4s var(--ease-pop)}.syllable-app .take-btn:hover svg{transform:rotate(72deg)scale(1.2)}.syllable-app .score{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.syllable-app .score .text-input{width:150px}.syllable-app .stack-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.syllable-app .tile{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel);transition:transform .22s var(--ease-pop), border-color .15s, box-shadow .2s;animation:sy-in .3s var(--ease-pop);position:relative}.syllable-app .tile:hover{border-color:var(--tc,var(--faint));box-shadow:0 10px 24px color-mix(in srgb, var(--tc,#000) 18%, transparent);transform:translateY(-3px)}.syllable-app .tile:active{transform:scale(.98)}.syllable-app .tile-link,.syllable-app .tile-add{color:inherit;text-align:left;-webkit-user-drag:none;align-items:center;gap:12px;width:100%;padding:14px 40px 14px 14px;text-decoration:none;display:flex}.syllable-app .tile-badge{background:color-mix(in srgb, var(--tc,var(--muted)) 18%, transparent);width:42px;height:42px;color:var(--tc,var(--muted));transition:transform .3s var(--ease-pop);border-radius:13px;flex-shrink:0;place-items:center;font-size:19px;font-weight:600;display:grid}.syllable-app .tile:hover .tile-badge{transform:rotate(-7deg)scale(1.08)}.syllable-app .tile-text{flex-direction:column;min-width:0;display:flex}.syllable-app .tile-title{align-items:center;gap:5px;min-width:0;font-size:14.5px;font-weight:600;display:flex}.syllable-app .tile-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.syllable-app .tile-title svg{color:var(--tc);opacity:0;transition:opacity .18s, transform .25s var(--ease-pop);flex-shrink:0;transform:translate(-4px,4px)}.syllable-app .tile:hover .tile-title svg{opacity:1;transform:none}.syllable-app .tile-host{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.syllable-app .tile-dots{opacity:0;margin-top:-15px;transition:opacity .13s;position:absolute;top:50%;right:6px}.syllable-app .tile:hover .tile-dots,.syllable-app .tile-dots:focus-within{opacity:1}.syllable-app .tile-add{color:var(--muted);background:0 0;border-style:dashed}.syllable-app .tile-add:hover{border-color:var(--cc);color:var(--text);box-shadow:none}.syllable-app .tile-add:hover .tile-badge{color:var(--cc);transform:rotate(90deg)}.syllable-app .course-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.syllable-app .course-card{text-align:left;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel);transition:transform .22s var(--ease-pop), border-color .15s, box-shadow .2s;animation:sy-in .3s var(--ease-pop);flex-direction:column;gap:3px;padding:18px 16px 14px;display:flex;position:relative;overflow:hidden}.syllable-app .course-card:before{content:"";background:var(--cc);height:4px;transition:height .2s var(--ease-pop);position:absolute;inset:0 0 auto}.syllable-app .course-card:hover{border-color:var(--cc);box-shadow:0 10px 26px color-mix(in srgb, var(--cc) 20%, transparent);transform:translateY(-3px)}.syllable-app .course-card:hover:before{height:7px}.syllable-app .course-card:active{transform:scale(.98)}.syllable-app .course-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.syllable-app .course-card b{font-size:16px;font-weight:600}.syllable-app .course-card-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-height:18px;margin-bottom:8px;font-size:12.5px;overflow:hidden}.syllable-app .course-card-fact{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.syllable-app .course-card .sy-ring-label{font-size:11px}.syllable-app .two-col{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.syllable-app .two-col>*{min-width:0}.syllable-app .agenda-row{border-radius:var(--r-sm);text-align:left;width:100%;transition:background .13s, transform .15s var(--ease-pop);align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex}.syllable-app .agenda-row:hover{background:var(--hover);transform:translate(2px)}.syllable-app .agenda-dot{background:var(--cc);border-radius:50%;flex-shrink:0;width:8px;height:8px}.syllable-app .agenda-main{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.syllable-app .agenda-main b{margin-right:4px;font-weight:600}.syllable-app .agenda-main i{color:var(--faint);font-style:normal}.syllable-app .agenda-when{color:var(--muted);white-space:nowrap;font-size:12px}.syllable-app .agenda-when.soon{color:var(--warn)}.syllable-app .agenda-when.late{color:var(--danger)}.syllable-app .hero-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:10px;padding:70px 20px;display:flex}.syllable-app .hero-empty h2{font-size:22px;font-weight:600}.syllable-app .hero-empty p{color:var(--muted);max-width:380px;margin-bottom:8px}.syllable-app .md-preview{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-deep);max-height:46vh;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin-top:14px;padding:14px 16px;font-size:12px;line-height:1.6;overflow:auto}.syllable-app .toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.syllable-app .toast{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow);max-width:340px;animation:sy-toast .3s var(--ease-pop);align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;display:flex}.syllable-app .toast .t-ico{color:var(--good);flex-shrink:0;display:inline-flex}.syllable-app ::-webkit-scrollbar{width:8px;height:8px}.syllable-app ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.syllable-app ::-webkit-scrollbar-thumb:hover{background:var(--faint)}.syllable-app ::-webkit-scrollbar-track{background:0 0}@keyframes sy-fade{0%{opacity:0}}@keyframes sy-modal{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes sy-step{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes sy-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes sy-block{0%{opacity:0;transform:scale(.9)}}@keyframes sy-toast{0%{opacity:0;transform:translateY(12px)scale(.95)}}@keyframes sy-pop{0%{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes sy-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes sy-stamp{0%{opacity:0;transform:rotate(-18deg)scale(2.2)}}@keyframes sy-shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (max-width:720px){.syllable-app .app,.syllable-app .app.sb-collapsed{grid-template-columns:1fr}.syllable-app .view{padding:62px 14px 70px}.syllable-app .two-col{grid-template-columns:1fr}.syllable-app .tabs .seg-btn{gap:4px;padding:8px 4px;font-size:12.5px}.syllable-app .tabs .seg-btn svg{display:none}.syllable-app .course-titles h1,.syllable-app .view-title{font-size:22px}.syllable-app .sy-add{flex-wrap:wrap}.syllable-app .sy-add-input{flex-basis:60%}.syllable-app .day-btn{width:36px;height:36px}.syllable-app .sy-item-x,.syllable-app .tile-dots{opacity:1}}