:root{--dq-cream: #FFF1D9;--dq-ring: #F6CF9A;--dq-brown: #8A4B12;--dq-code: #FBFBF9;--dq-why: #F6F7F2;--dq-ok: #2F8F5B;--dq-ok-bg: #EEF7F1;--dq-no: #C2553A;--dq-no-bg: #FCEEEA;--dq-on: #FFE0B2;--dq-on-ring: #F2A65A;--dq-dot: #E8833A;--dq-kw: #8A3FA0;--dq-str: #1F7A55;--dq-num: #B5541C;--dq-fn: #2563A8;--dq-com: #8F978A}@media(prefers-color-scheme:dark){:root{--dq-cream: #F2DDB9;--dq-ring: #C99B5E;--dq-brown: #6B3A0E;--dq-code: #171C16;--dq-why: #20261E;--dq-ok: #4FB27C;--dq-ok-bg: #1E3326;--dq-no: #E07A60;--dq-no-bg: #3A2420;--dq-on: #5A4325;--dq-on-ring: #C98A45;--dq-dot: #F09A55;--dq-kw: #D19CE0;--dq-str: #7FD3A0;--dq-num: #E8A06A;--dq-fn: #7FB6F0;--dq-com: #7E8975}}body.kw-daily{margin:0;padding-top:var(--kw-bar-h);padding-top:calc(var(--kw-bar-h) + env(safe-area-inset-top,0px));background:var(--kw-page);color:var(--kw-ink);font:16px/1.55 var(--kw-sans);-webkit-text-size-adjust:100%}.dqp{box-sizing:border-box;max-width:720px;margin:0 auto;padding:var(--kw-head, 56px) max(24px,env(safe-area-inset-right,0px)) 64px max(24px,env(safe-area-inset-left,0px));font-family:var(--kw-sans);color:var(--kw-ink)}.dqp *,.dqs *{box-sizing:border-box}.dqp h1{margin:0 0 8px;font-size:48px;line-height:1.15;font-weight:800;letter-spacing:-.02em;text-wrap:balance}.dqp .dq-lead{margin:0 0 22px;font-size:17px;line-height:1.6;color:var(--kw-ink2)}.dq{border-radius:20px;background:var(--kw-surface);box-shadow:0 0 0 1px var(--kw-line),0 12px 32px #26301f14;padding:22px 24px 20px;min-height:200px}.dq-top{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--kw-ink3)}.dq-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 4px;border-radius:999px;background:var(--dq-cream);color:var(--dq-brown);box-shadow:inset 0 0 0 1.5px var(--dq-ring)}.dq-tag i,.dq-plus i{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.dq-tag svg,.dq-plus svg{width:11px;height:13px}.dq h2{margin:14px 0 12px;font-size:20px;font-weight:800;letter-spacing:-.01em}.dq pre{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:var(--dq-code);box-shadow:inset 0 0 0 1px var(--kw-line);font:15px/1.7 var(--kw-mono, ui-monospace, "SF Mono", Menlo, monospace);white-space:pre;overflow-x:auto;color:var(--kw-ink)}.dq pre .kw{color:var(--dq-kw)}.dq pre .str{color:var(--dq-str)}.dq pre .num,.dq pre .self{color:var(--dq-num)}.dq pre .fn,.dq pre .bi{color:var(--dq-fn)}.dq pre .com{color:var(--dq-com);font-style:italic}.dq-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dq-o{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:0;border-radius:14px;background:var(--kw-surface);box-shadow:inset 0 0 0 1.5px var(--kw-line);font:600 15px/1.35 var(--kw-mono, ui-monospace, Menlo, monospace);color:var(--kw-ink);text-align:left;cursor:pointer;white-space:pre-wrap}.dq-o.err{font-family:var(--kw-sans)}.dq-o b{flex:none;width:24px;height:24px;border-radius:8px;background:var(--kw-sunken);display:flex;align-items:center;justify-content:center;font:700 12px var(--kw-sans);color:var(--kw-ink3)}.dq-o:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--kw-ink3)}.dq-o:focus-visible{outline:2px solid var(--kw-green);outline-offset:2px}.dq-o:disabled{cursor:default}.dq-o.right{box-shadow:inset 0 0 0 2px var(--dq-ok);background:var(--dq-ok-bg)}.dq-o.right b{background:var(--dq-ok);color:#fff}.dq-o.wrong{box-shadow:inset 0 0 0 2px var(--dq-no);background:var(--dq-no-bg)}.dq-o.wrong b{background:var(--dq-no);color:#fff}.dq-o.dim{opacity:.55}.dq-meta{margin-top:12px;font-size:13px;color:var(--kw-ink3)}.dq-why{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--dq-why);font-size:15px;line-height:1.6}.dq-why strong{display:block;margin-bottom:2px}.dq-why.ok strong{color:var(--dq-ok)}.dq-why.no strong{color:var(--dq-no)}.dq-why code{font:.9em var(--kw-mono, ui-monospace, Menlo, monospace);padding:1px 5px;border-radius:5px;background:var(--kw-surface);box-shadow:inset 0 0 0 1px var(--kw-line)}.dq-saved{margin-top:10px;font-size:14px;color:var(--kw-ink2)}.dq-acts{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.dq-b{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:0;border-radius:12px;font:700 14px var(--kw-sans);cursor:pointer;background:var(--kw-surface);color:var(--kw-ink);box-shadow:inset 0 0 0 1.5px var(--kw-line);text-decoration:none}.dq-b.pri{background:var(--dq-ok);color:#fff;box-shadow:none}.dq-b:focus-visible{outline:2px solid var(--kw-green);outline-offset:2px}.dq-sp{flex:1}.dq-next{font-size:13px;color:var(--kw-ink3)}.dq-plus{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border-radius:999px;background:var(--dq-cream);color:var(--dq-brown);font:800 13px var(--kw-sans);box-shadow:inset 0 0 0 1.5px var(--dq-ring);animation:dq-pop .5s ease-out}@keyframes dq-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.dq-side{margin-top:18px;display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:var(--kw-surface);box-shadow:0 0 0 1px var(--kw-line)}.dq-side[hidden]{display:none}.dq-big{flex:none;width:44px;height:44px;border-radius:50%;background:var(--dq-cream);box-shadow:inset 0 0 0 2px var(--dq-ring);display:flex;align-items:center;justify-content:center}.dq-big svg{width:22px;height:26px}.dq-big.not svg{filter:grayscale(1);opacity:.55}.dq-side b{display:block;font-size:17px;font-weight:800}.dq-side small{display:block;font-size:13px;color:var(--kw-ink3)}.dq-wk{flex:1;display:flex;justify-content:space-between}.dq-d{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;color:var(--kw-ink3);font-weight:600}.dq-d i{width:26px;height:26px;border-radius:50%;background:var(--kw-sunken);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}.dq-d.on i{background:var(--dq-on);box-shadow:inset 0 0 0 1.5px var(--dq-on-ring)}.dq-d.on i:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dq-dot)}.dq-d.saved i{background:#e7eef8;box-shadow:inset 0 0 0 1.5px #9db6d8}.dq-d.saved i:before{content:"🛡"}.dq-d.today{color:var(--kw-ink)}.dq-d.today i{outline:2px solid var(--kw-ink);outline-offset:2px}.dq-fine{margin-top:12px;font-size:13px;line-height:1.6;color:var(--kw-ink3);text-align:center}.dqs-back{position:fixed;inset:0;z-index:100;background:#14181380;display:flex;align-items:center;justify-content:center;padding:16px}.dqs{width:640px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;border-radius:20px;background:var(--kw-surface);box-shadow:0 24px 60px #0000004d;padding:16px 18px 18px;font-family:var(--kw-sans);color:var(--kw-ink)}.dqs-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:17px}.dqs-x{width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--kw-ink2);font-size:24px;cursor:pointer}.dqs-x:hover{background:var(--kw-sunken)}.dqs-stage{display:flex;justify-content:center;border-radius:14px;background:var(--kw-sunken);padding:12px;min-height:120px}.dqs-stage img{display:block;max-width:100%;max-height:52vh;border-radius:8px;box-shadow:0 6px 20px #00000026}.dqs-opts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.dqs-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--kw-sunken)}.dqs-seg button{height:34px;padding:0 14px;border:0;border-radius:9px;background:none;font:600 14px var(--kw-sans);color:var(--kw-ink2);cursor:pointer}.dqs-seg button.on{background:var(--kw-surface);color:var(--kw-ink);box-shadow:0 1px 3px #0000001f}.dqs-btns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.dqs-b{height:42px;padding:0 18px;border:0;border-radius:12px;font:700 14px var(--kw-sans);cursor:pointer;background:var(--kw-surface);color:var(--kw-ink);box-shadow:inset 0 0 0 1.5px var(--kw-line)}.dqs-b.pri{background:var(--dq-ok);color:#fff;box-shadow:none}.dqs-b:disabled{opacity:.5;cursor:default}.dqs-b[hidden]{display:none}.dqs-note{margin:10px 0 0;font-size:14px;color:var(--kw-ink2)}@media(max-width:720px){.dqp{padding:var(--kw-head, 28px) max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px))}.dqp h1{font-size:34px}.dqp .dq-lead{font-size:15px}.dq{padding:18px 16px 16px;border-radius:18px}.dq h2{font-size:18px}.dq pre{font-size:14px;padding:12px}.dq-opts{grid-template-columns:1fr}.dq-side{flex-direction:column;align-items:stretch}.dqs-btns{justify-content:stretch}.dqs-btns .dqs-b{flex:1}}@media(prefers-reduced-motion:reduce){.dq-plus{animation:none}}
