:root{--mkiii-font-ui: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--mkiii-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;max-width:100%;overflow-x:hidden}.mkiii-screen{--bg: #eeebe3;--panel: #faf8f2;--surface: #f1ede4;--surface2: #e6e2d8;--ink: #1b1813;--muted: #726d63;--hair: rgba(27, 24, 19, .14);--hair2: rgba(27, 24, 19, .07);--correct: #3c7a51;--wrong: #a83f31;--correct-tint: #e0ece2;--wrong-tint: #f3e2de;height:100vh;height:100dvh;max-width:100%;display:flex;flex-direction:column;position:relative;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--mkiii-font-ui);-webkit-font-smoothing:antialiased;transition:background .3s}.mkiii-screen.dark{--bg: #050504;--panel: #151310;--surface: #211d18;--surface2: #2a2620;--ink: #ece7dd;--muted: #8d887c;--hair: rgba(236, 231, 221, .13);--hair2: rgba(236, 231, 221, .06);--correct: #66b184;--wrong: #d97a6b;--correct-tint: #1e2a22;--wrong-tint: #2c211d}.mkiii-head{display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:15px 20px 11px;background:var(--bg);border-bottom:1px solid var(--hair2);max-width:592px;margin-inline:auto;width:100%}.mkiii-menubtn{display:flex;flex-direction:column;justify-content:center;gap:4.5px;width:40px;height:34px;padding:0 10px;border:1px solid var(--hair);border-radius:9px;background:transparent;cursor:pointer;transition:border-color .15s}.mkiii-menubtn:hover{border-color:var(--ink)}.mkiii-menubtn span{display:block;height:1.5px;background:var(--ink);border-radius:2px}.mkiii-menubtn span:last-child{width:62%}.mkiii-brand{font-family:var(--mkiii-font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink);font-weight:600}.mkiii-brand em{color:var(--muted);font-style:normal;font-weight:400}.mkiii-themetoggle{display:flex;border:1px solid var(--hair);border-radius:999px;overflow:hidden}.mkiii-tt{font-family:var(--mkiii-font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;background:transparent;border:0;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}.mkiii-tt.on{background:var(--ink);color:var(--bg)}.mkiii-menuwrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;opacity:0;transition:opacity .25s}.mkiii-menuwrap.open{pointer-events:auto;opacity:1}.mkiii-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;border:0;cursor:pointer}.mkiii-drawer{position:absolute;top:0;left:0;bottom:0;width:min(288px,84%);background:var(--panel);border-right:1px solid var(--hair);display:flex;flex-direction:column;padding:18px 18px 20px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.15,1);box-shadow:24px 0 56px -26px #0000008c}.mkiii-menuwrap.open .mkiii-drawer{transform:none}.mkiii-drawerhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mkiii-closebtn{width:32px;height:32px;border:1px solid var(--hair);border-radius:8px;background:transparent;color:var(--ink);font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.mkiii-closebtn:hover{border-color:var(--ink)}.mkiii-navlbl{font-family:var(--mkiii-font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px}.mkiii-drawernav{display:flex;flex-direction:column;gap:2px;flex:1}.mkiii-navitem{text-align:left;font-family:inherit;font-size:15.5px;font-weight:500;color:var(--muted);background:transparent;border:0;padding:12px 13px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s}.mkiii-navitem:hover{color:var(--ink);background:var(--surface)}.mkiii-navitem.on{color:var(--ink);background:var(--surface);font-weight:600}.mkiii-drawerfoot{margin-top:16px;padding-top:16px;border-top:1px solid var(--hair)}.mkiii-drawerfoot .mkiii-themetoggle{width:100%}.mkiii-drawerfoot .mkiii-tt{flex:1;text-align:center;padding:9px 10px;font-size:10.5px}.mkiii-feed{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:contain;background:var(--bg);scrollbar-width:none}.mkiii-feed::-webkit-scrollbar{width:0}.mkiii-card{scroll-snap-align:start;scroll-snap-stop:always;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;justify-content:safe center;align-items:center;scrollbar-width:none}.mkiii-card::-webkit-scrollbar{width:0}.mkiii-panel{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--hair);border-radius:22px;padding:24px 22px 26px;box-shadow:0 10px 28px -16px #00000047}.mkiii-ph{height:148px;border-radius:12px;border:1px solid var(--hair);background:repeating-linear-gradient(135deg,var(--surface2),var(--surface2) 9px,transparent 9px,transparent 18px);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px}.mkiii-ph img{width:100%;height:100%;object-fit:cover}.mkiii-ph span{font-family:var(--mkiii-font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--muted);background:var(--bg);padding:5px 10px;border-radius:999px;border:1px solid var(--hair)}.mkiii-kicker{font-family:var(--mkiii-font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:13px}.mkiii-kicker .n{color:var(--ink);opacity:.45}.mkiii-q{font-size:21px;line-height:1.32;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:18px;text-wrap:pretty}.mkiii-opts{display:flex;flex-direction:column;gap:10px}.mkiii-opt{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--hair);border-radius:12px;background:var(--surface);cursor:pointer;transition:background .25s,border-color .25s,opacity .25s,transform .12s}.mkiii-opt:not(.locked):hover{border-color:var(--ink)}.mkiii-opt.locked{cursor:default}.mkiii-opt.is-mute{opacity:.48}.mkiii-opt.pending{border-color:var(--ink);animation:mkiii-flash .5s ease}.mkiii-opt.is-correct,.mkiii-opt.is-wrong{animation:mkiii-flash .5s ease}.mkiii-mk{flex:none;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--mkiii-font-mono);font-size:12px;font-weight:600;border:1px solid var(--hair);color:var(--muted);transition:background .25s,color .25s,border-color .25s}.mkiii-obody{flex:1;min-width:0}.mkiii-orow{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.mkiii-otx{font-size:15px;line-height:1.4;font-weight:500;color:var(--ink);padding-top:2px}.mkiii-tag{flex:none;font-family:var(--mkiii-font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;padding:3px 7px;border-radius:999px;border:1px solid;line-height:1;margin-top:3px}.mkiii-tag-ok{color:var(--correct);border-color:var(--correct)}.mkiii-tag-you{color:var(--wrong);border-color:var(--wrong)}.mkiii-exp{max-height:0;overflow:hidden;opacity:0;font-size:13px;line-height:1.5;color:var(--ink);transition:max-height .45s ease,opacity .35s,margin-top .45s}.mkiii-exp.show{max-height:260px;opacity:.78;margin-top:8px}.mkiii-opt.is-correct{border-color:var(--correct);background:var(--correct-tint)}.mkiii-opt.is-wrong{border-color:var(--wrong);background:var(--wrong-tint)}.mkiii-opt.is-correct .mkiii-mk{background:var(--correct);border-color:var(--correct);color:#fff}.mkiii-opt.is-wrong .mkiii-mk{background:var(--wrong);border-color:var(--wrong);color:#fff}.mkiii-status{margin-top:16px;font-family:var(--mkiii-font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.mkiii-status.show{opacity:1;transform:none}.mkiii-status.ok{color:var(--correct)}.mkiii-status.no{color:var(--wrong)}.mkiii-sbody{font-size:15.5px;line-height:1.6;color:var(--ink);opacity:.82;text-wrap:pretty}.mkiii-empty,.mkiii-error{margin:auto;max-width:460px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5;padding:24px}.mkiii-error{color:var(--wrong)}.mkiii-offline{margin-top:14px;font-family:var(--mkiii-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@keyframes mkiii-flash{0%{transform:scale(1)}30%{transform:scale(1.015)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mkiii-screen,.mkiii-opt,.mkiii-exp,.mkiii-status,.mkiii-feed,.mkiii-menuwrap,.mkiii-drawer{transition:none}.mkiii-opt.is-correct,.mkiii-opt.is-wrong{animation:none}}