:root{--bg: #070712;--card: #636d70;--inner: #0b0b23;--inner-soft: #12152a;--green: #3d8c40;--green-bright: #2ecc40;--green-nav: #2e7d32;--red: #d32f2f;--orange: #b36b12;--orange-track: #9a6a15;--pill: #e8e8e8;--text: #e8eae6;--text-dim: #c9cdc7;--text-faint: #9aa09a;--radius: 10px;--radius-inner: 10px;--font: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--mono: Consolas, "Cascadia Mono", monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}h1{font-size:1.3rem;margin:.2rem 0 .6rem}h2{font-size:1.02rem;margin:0 0 .5rem;color:var(--text)}p{margin:.35rem 0}a{color:#9fd49f;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #ebca83;outline-offset:4px}.app-shell{max-width:48rem;margin:0 auto;padding:.4rem 0 9rem}code{font-family:var(--mono);font-size:.85em;word-break:break-all;background:var(--inner);border-radius:6px;padding:.1em .4em;color:#cfe3cf}pre{font-family:var(--mono);font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.userstrip{position:sticky;top:1rem;z-index:10;background:var(--rating-bg, var(--card));border-radius:var(--radius);margin:.6rem 1rem 1.8rem;padding:.5rem .8rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 .8rem;color:var(--rating-ink, var(--text))}.userstrip:hover{text-decoration:none}.userstrip .ava{grid-column:1;grid-row:1;width:36px;height:36px;border-radius:6px;background:var(--inner);color:#cfe3cf;display:grid;place-items:center;font-weight:800;font-size:1.15rem;border:2px solid #223}.userstrip .who{grid-column:1;grid-row:2;color:inherit;font-size:1rem;overflow-wrap:anywhere;min-width:0}.userstrip .big{grid-column:2;grid-row:1 / 3;margin-left:auto;color:inherit;font-size:clamp(1.2rem,6vw,2.1rem);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.userstrip .cap{display:block;font-size:.7rem;color:inherit;text-align:right}.card{border-radius:var(--radius);overflow:hidden;margin:0 .15rem 1.5rem}.creation-form{scroll-margin-top:7rem}.card .head{background:var(--card);padding:.55rem .65rem;display:flex;gap:.8rem;align-items:center}.card.rated>.head,.card.rated>.body{background:var(--rating-bg, var(--card))}.card.rated>.head .meta,.card.rated>.head .meta .sub,.card.rated>.head .right{color:var(--rating-ink, var(--text))}.card.rated>.head .meta .sub{opacity:1}.card.rated>.body{color:var(--rating-ink, var(--text))}.card.rated>.body>.actions .act,.card.rated>.body>.actions .act .n,.card.rated>.body>.meta,.card.rated>.body>.votes-list .meta{color:inherit}.card.rated .vote .count,.solution-rated .vote .count{background:var(--rating-bg, var(--card));color:var(--rating-ink, var(--text))}.card .head .ava{width:46px;height:46px;border-radius:9px;flex:none;background:var(--inner);color:#cfe3cf;display:grid;place-items:center;font-weight:800;border:2px solid #16202e}.card .head .meta{color:#f0f4ee;font-size:.95rem;line-height:1.25}.card .head .meta .sub{color:#e4ece0;opacity:.9;font-size:.85rem}.card .head .right{margin-left:auto;text-align:right;color:#eef4ea}.card .head .q{font-size:2.2rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.card .head .tag{font-size:.85rem}.card .body{background:var(--card);padding:0 .5rem .6rem}.inner{background:var(--inner);border-radius:var(--radius-inner);padding:.85rem 1rem;color:var(--text);overflow-wrap:anywhere}.inner+.inner{margin-top:.7rem}.solution-rated{border:3px solid var(--rating-bg, var(--card))}.num{display:inline-block;background:var(--inner);color:#fff;font-weight:800;font-size:1.15rem;border-radius:12px;padding:.15rem .7rem;margin:.6rem 0}.track{border-radius:999px;background:var(--orange-track);color:#fff;font-size:.85rem;font-weight:700;text-align:center;position:relative;height:1.65rem;overflow:hidden;margin:.7rem 0 .2rem}.track .fill{position:absolute;inset:0 auto 0 0;background:var(--green-bright);border-radius:999px 0 0 999px;min-width:0}.track.red .fill{background:var(--red)}.track span{position:relative;z-index:1;line-height:1.65rem}.dots{border:0;border-top:1px dotted #98a098;margin:.6rem 0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.55rem;margin-top:.4rem;border-top:1px dotted #98a098}.act{display:flex;flex-direction:column;align-items:center;background:none;border:0;color:#e6ece4;cursor:pointer;font:inherit;padding:.15rem .2rem;border-radius:10px}.act:hover{background:#ffffff14}.act .ic{font-size:1.25rem;line-height:1.1}.act .n{font-size:.78rem;color:#dfe5dc}.vote{margin-left:auto;display:flex;align-items:center;gap:.45rem;background:var(--inner-soft);border-radius:16px;padding:.4rem .5rem}.vote button{width:3.2rem;height:2.9rem;border:0;border-radius:12px;background:#0d1526;cursor:pointer;font-size:1.5rem;font-weight:800;line-height:1;display:grid;place-items:center}.vote .minus{color:var(--red)}.vote .plus{color:var(--green-bright)}.vote button:hover:not(:disabled){filter:brightness(1.5)}.vote button:disabled{opacity:.45;cursor:default}.vote .count{min-width:2.6rem;text-align:center;background:var(--pill);color:#111;font-weight:800;font-size:1.1rem;border-radius:999px;padding:.35rem .5rem;border:0;cursor:pointer;font-family:var(--font)}.vote .count.zero{color:#555}.btn{display:inline-block;background:var(--orange);color:#fff;font:inherit;font-weight:700;border:0;border-radius:14px;padding:.75rem 1.6rem;cursor:pointer;text-align:center}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:default}.btn.dark{background:#2a2f2a}.btn.green{background:var(--green)}.btn.small{padding:.4rem .9rem;border-radius:10px;font-size:.9rem}.btn.danger{background:#7a2620}button.ghost{background:none;border:1px solid #5c665c;color:var(--text-dim);font:inherit;border-radius:10px;padding:.35rem .8rem;cursor:pointer}button.ghost:hover:not(:disabled){border-color:#9fd49f;color:#cfe3cf}button:disabled{opacity:.5;cursor:default}label{display:block;color:var(--text-dim);font-size:.88rem;margin:.6rem 0 .25rem}input,textarea,select{width:100%;font:inherit;color:var(--text);background:#f0f0ec;color:#111;border:2px solid #44505a;border-radius:12px;padding:.6rem .8rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--green)}textarea{resize:vertical}::placeholder{color:#777}.bottomnav{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100% - 2rem);max-width:46rem;z-index:20;background:#3d9135f2;border-radius:0 0 14px 14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:.35rem 0;min-height:4.4rem}.bottomnav>a,.bottomnav>button{display:grid;place-items:center;position:relative;width:100%;min-width:0;height:3.7rem;border-radius:12px;color:#c6dbbf;border:0;padding:0;background:none;cursor:pointer}.bottomnav>a:hover{text-decoration:none;background:#ffffff0c}.bottomnav [aria-disabled=true]{cursor:default}.bottomnav a.active{color:#eaf3e7}.bottomnav a.active:after{content:"";position:absolute;bottom:.1rem;width:1.9rem;height:2px;background:currentColor;border-radius:2px}.bottomnav svg{width:27px;height:27px}.bottomnav .plus-wrap{position:relative;height:3.7rem}.bottomnav .plusbtn{position:absolute;left:50%;transform:translate(-50%);bottom:.6rem;width:4.4rem;height:4.4rem;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:#2d7c2d;border-radius:10px;color:#fff}.bottomnav .plusbtn:hover{background:#328932}.bottomnav .plusbtn svg{width:32px;height:32px}.page{max-width:30rem;margin:0 auto;padding:.4rem 0 6.5rem}@media(min-width:720px){.page{max-width:38rem}}.badge{display:inline-block;font-size:.78rem;font-weight:700;padding:.1rem .55rem;border-radius:999px;background:var(--inner-soft);color:var(--text-dim)}.badge.good{background:#1d4d1f;color:#b8eab8}.badge.warn{background:#5a4210;color:#ffd591}.badge.bad{background:#571e1a;color:#f3b6b0}.badge.accent{background:#14352c;color:#9fd4c0}.alert{border-radius:12px;padding:.55rem .85rem;margin:.5rem 0;font-size:.92rem}.alert.bad{background:#3d1512;color:#f3b6b0;border:1px solid #6e2a24}.alert.ok{background:#12351a;color:#b8eab8;border:1px solid #1f5c2a}.empty{color:var(--text-faint);text-align:center;padding:1rem;border:1px dashed #4a554a;border-radius:14px;font-size:.92rem}.meta{color:var(--text-faint);font-size:.85rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.4rem 0}.q{font-variant-numeric:tabular-nums;font-weight:800}.grid-2{display:grid;grid-template-columns:1fr;gap:0 1rem}@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.fab-refresh{position:fixed;right:max(.9rem,calc((100vw - 48rem)/2 + .9rem));bottom:5.6rem;z-index:15;width:3.4rem;height:3.4rem;border-radius:14px;border:2px solid var(--green);background:#14521a;color:#bfe6bf;font-size:1.3rem;cursor:pointer}.fab-refresh:hover{filter:brightness(1.3)}.votes-list{list-style:none;margin:.3rem 0 0;padding:0}.votes-list li{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;padding:.22rem 0;font-size:.9rem}hr.sep{border:0;border-top:1px dotted #5c665c;margin:.7rem 0}