:root{--su-cream: #faf7f0;--su-cream-deep: #efeae0;--su-paper: #fffdf7;--su-ink: #1a1410;--su-ink-soft: rgba(26, 20, 16, .65);--su-ink-muted: rgba(26, 20, 16, .45);--su-line: rgba(26, 20, 16, .18);--su-line-soft: rgba(26, 20, 16, .1);--su-honey: #f5c518;--su-honey-deep: #b8841c;--su-honey-soft: #fbe9a7;--su-honey-mist: #fcf3d7;--su-clay: #d8896b;--su-clay-deep: #9e5a3e;--su-clay-soft: #f6ddd3;--su-sage: #8aa67a;--su-sage-deep: #5f7b53;--su-radius: 12px;--su-radius-lg: 18px}@media (prefers-color-scheme: dark){:root{--su-cream: #14110d;--su-cream-deep: #1d1812;--su-paper: #2a221a;--su-ink: #f3ecd9;--su-ink-soft: rgba(243, 236, 217, .7);--su-ink-muted: rgba(243, 236, 217, .45);--su-line: rgba(243, 236, 217, .18);--su-line-soft: rgba(243, 236, 217, .08);--su-honey: #f5c518;--su-honey-deep: #f5c518;--su-honey-soft: rgba(245, 197, 24, .28);--su-honey-mist: rgba(245, 197, 24, .16);--su-clay: #d8896b;--su-clay-deep: #ff9b7a;--su-clay-soft: rgba(216, 137, 107, .22)}}.su-shell{background:radial-gradient(1200px 800px at 10% 0%,#f4efe4 0%,var(--su-cream-deep) 60%),var(--su-cream-deep);min-height:100dvh;color:var(--su-ink);font-family:DM Sans,system-ui,-apple-system,sans-serif;display:flex;justify-content:center}@media (prefers-color-scheme: dark){.su-shell{background:radial-gradient(1200px 800px at 10% 0%,#1a1510 0%,var(--su-cream-deep) 60%),var(--su-cream-deep)}}.su-article{width:100%;max-width:460px;padding:20px 20px 32px}@media (min-width: 640px){.su-article{padding:28px 24px 40px}}.su-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.su-brand{display:flex;align-items:center;gap:8px;font-family:"Instrument Serif",Fraunces,serif;font-style:italic;font-weight:600;font-size:16px;letter-spacing:-.02em}.su-brand-mark{color:var(--su-honey);font-size:18px;line-height:1}.su-topbar-actions{display:flex;align-items:center;gap:6px}.su-header{margin-bottom:20px}.su-meta{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--su-ink-soft);margin-bottom:8px}.su-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.su-title{font-family:"Instrument Serif",Fraunces,serif;font-style:italic;font-weight:500;font-size:56px;line-height:.9;letter-spacing:-.04em;margin:0}.su-title-accent{color:var(--su-honey);font-weight:600}.su-header-actions{display:flex;align-items:center;gap:6px;padding-bottom:4px}.su-intro{font-family:"Instrument Serif",Fraunces,serif;font-size:15px;line-height:1.4;color:var(--su-ink-soft);margin:12px 0 0;max-width:380px}.su-intro em{font-style:italic}.su-round-btn{width:36px;height:36px;border-radius:999px;background:var(--su-paper);border:1px solid var(--su-line-soft);color:var(--su-ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s ease,color .1s ease,transform .1s ease;padding:0}.su-round-btn:hover{background:var(--su-cream)}.su-round-btn:active{transform:scale(.95)}.su-round-btn svg{width:14px;height:14px;stroke-width:2}.su-round-btn--fav{color:var(--su-clay-deep)}.su-round-btn--fav svg{fill:none}.su-round-btn--fav.is-favorited svg{fill:var(--su-clay-deep)}.su-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.su-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--su-paper);border:1px solid var(--su-line-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:var(--su-ink);cursor:pointer}.su-chip svg{width:14px;height:14px;stroke-width:2}.su-chip input[type=date]{background:transparent;border:0;outline:0;font-family:inherit;font-size:inherit;color:inherit;padding:0;cursor:pointer}.su-cta{height:40px;padding:0 20px;border-radius:999px;background:var(--su-ink);color:var(--su-cream);font-weight:600;font-size:13px;letter-spacing:.04em;border:0;cursor:pointer;margin-left:auto}.su-cta:hover{opacity:.92}.su-cta:active{transform:scale(.98)}.su-diff-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px}.su-pill{height:28px;padding:0 12px;border-radius:999px;background:transparent;border:1px solid var(--su-line-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--su-ink-soft);cursor:pointer}.su-pill.is-active{background:var(--su-ink);color:var(--su-cream);border-color:var(--su-ink)}.su-board{background:var(--su-paper);border-radius:var(--su-radius-lg);border:1px solid var(--su-line-soft);box-shadow:0 1px #1a14100a;padding:12px;margin-bottom:16px}@media (min-width: 640px){.su-board{padding:16px}}.su-grid{display:grid;grid-template-columns:repeat(9,1fr);width:100%;margin:0 auto;-webkit-user-select:none;user-select:none;position:relative;border-radius:6px;overflow:hidden;border:2px solid var(--su-ink)}.su-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(to right,transparent 0,transparent calc(33.333% - 1px),var(--su-ink) calc(33.333% - 1px),var(--su-ink) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),var(--su-ink) calc(66.666% - 1px),var(--su-ink) calc(66.666% + 1px),transparent calc(66.666% + 1px),transparent 100%),linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),var(--su-ink) calc(33.333% - 1px),var(--su-ink) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),var(--su-ink) calc(66.666% - 1px),var(--su-ink) calc(66.666% + 1px),transparent calc(66.666% + 1px),transparent 100%)}.su-cell{position:relative;aspect-ratio:1 / 1;background:var(--su-paper);display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;border-right:1px solid var(--su-line);border-bottom:1px solid var(--su-line)}.su-cell:nth-child(9n){border-right:0}.su-cell:nth-last-child(-n+9){border-bottom:0}.su-cell.is-peer{background:#1a14100a}@media (prefers-color-scheme: dark){.su-cell.is-peer{background:#f3ecd912}}.su-cell.is-same{background:var(--su-honey-mist)}.su-cell.is-selected{background:var(--su-honey-soft);box-shadow:inset 0 0 0 2px var(--su-honey)}.su-cell.is-conflict{background:var(--su-clay-soft)}.su-cell.is-conflict .su-digit{color:var(--su-clay-deep);font-style:normal}.su-cell.is-done{background:#8aa67a29}.su-digit{font-family:"Instrument Serif",Fraunces,serif;font-size:26px;letter-spacing:-.02em;line-height:1}.su-digit--given{font-weight:600;font-style:normal;color:var(--su-ink)}.su-digit--user{font-weight:500;font-style:italic;color:var(--su-honey-deep)}@media (min-width: 640px){.su-digit{font-size:28px}}.su-pencil{position:absolute;top:12%;right:12%;bottom:12%;left:12%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;color:#1a141066;line-height:1}@media (prefers-color-scheme: dark){.su-pencil{color:#f3ecd966}}.su-pencil span{display:flex;align-items:center;justify-content:center}.su-pencil .is-highlight{color:var(--su-honey-deep);font-weight:600}.su-stats{margin-top:12px;padding-top:12px;border-top:1px dashed var(--su-line-soft);display:flex;justify-content:center;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--su-ink-soft)}.su-stats-sep{opacity:.5}.su-pad{background:var(--su-paper);border-radius:var(--su-radius-lg);border:1px solid var(--su-line-soft);box-shadow:0 1px #1a14100a;padding:16px}.su-pad-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.su-pad-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--su-ink-soft)}.su-mode-group{display:flex;gap:6px}.su-mode-pill{height:28px;padding:0 12px;border-radius:999px;background:transparent;border:1px solid var(--su-line-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--su-ink-soft);cursor:pointer}.su-mode-pill.is-active{background:var(--su-ink);color:var(--su-cream);border-color:var(--su-ink)}.su-numbers{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.su-num{height:60px;border-radius:12px;background:var(--su-paper);border:1px solid var(--su-line-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform 80ms ease,background .1s ease;color:var(--su-ink);padding:0}.su-num:hover{background:var(--su-cream)}.su-num:active{transform:scale(.97)}.su-num.is-active{background:var(--su-honey);border-color:var(--su-honey-deep)}.su-num.is-done{background:var(--su-cream-deep);opacity:.7;cursor:default}.su-num.is-done .su-num-n{color:var(--su-ink-muted);text-decoration:line-through;text-decoration-color:var(--su-ink);text-decoration-thickness:2px}.su-num-n{font-family:"Instrument Serif",Fraunces,serif;font-weight:500;font-size:22px;letter-spacing:-.02em;line-height:1}.su-num-c{font-family:JetBrains Mono,ui-monospace,monospace;font-size:8px;letter-spacing:.08em;color:var(--su-ink-muted)}.su-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.su-action{height:44px;border-radius:10px;background:var(--su-paper);border:1px solid var(--su-line-soft);font-weight:600;font-size:13px;color:var(--su-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .1s ease}.su-action:hover{background:var(--su-cream)}.su-action svg{width:16px;height:16px;stroke-width:2}.su-action--primary{background:var(--su-ink);color:var(--su-cream);border-color:var(--su-ink)}.su-action--primary:hover{opacity:.92;background:var(--su-ink)}.su-shell[data-solved=true] .su-num,.su-shell[data-solved=true] .su-action,.su-shell[data-solved=true] .su-mode-pill{opacity:.6;pointer-events:none}@media (max-width: 380px){.su-title{font-size:48px}.su-numbers{gap:4px}.su-num{height:52px}.su-num-n{font-size:20px}}.su-grid--mini{display:grid;grid-template-columns:repeat(6,1fr);width:100%;-webkit-user-select:none;user-select:none;position:relative;border-radius:6px;overflow:hidden;border:2px solid var(--su-ink);aspect-ratio:1 / 1}.su-grid--mini:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(to right,transparent calc(50% - 1px),var(--su-ink) calc(50% - 1px),var(--su-ink) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(33.333% - 1px),var(--su-ink) calc(33.333% - 1px),var(--su-ink) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),var(--su-ink) calc(66.666% - 1px),var(--su-ink) calc(66.666% + 1px),transparent calc(66.666% + 1px))}.su-grid--mini .sudoku-cell{position:relative;aspect-ratio:1 / 1;background:var(--su-paper);display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;border-right:1px solid var(--su-line);border-bottom:1px solid var(--su-line);font-family:"Instrument Serif",Fraunces,serif;font-size:26px;font-weight:500;line-height:1;color:var(--su-honey-deep);font-style:italic}.su-grid--mini .sudoku-cell:nth-child(6n){border-right:0}.su-grid--mini .sudoku-cell:nth-last-child(-n+6){border-bottom:0}.su-grid--mini .sudoku-cell.fixed{color:var(--su-ink);font-weight:600;font-style:normal;cursor:not-allowed}.su-grid--mini .sudoku-cell.related{background:#1a14100a}@media (prefers-color-scheme: dark){.su-grid--mini .sudoku-cell.related{background:#f3ecd912}}.su-grid--mini .sudoku-cell.same-number{background:var(--su-honey-mist)}.su-grid--mini .sudoku-cell.selected{background:var(--su-honey-soft);box-shadow:inset 0 0 0 2px var(--su-honey)}.su-grid--mini .sudoku-cell.error{color:var(--su-clay-deep)}.su-grid--mini .note{position:absolute;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-style:normal;font-weight:500;color:var(--su-ink-soft);pointer-events:none;line-height:1}.su-grid--mini .note.n1{top:4px;left:4px}.su-grid--mini .note.n2{top:4px;left:50%;transform:translate(-50%)}.su-grid--mini .note.n3{top:4px;right:4px}.su-grid--mini .note.n4{bottom:4px;left:4px}.su-grid--mini .note.n5{bottom:4px;left:50%;transform:translate(-50%)}.su-grid--mini .note.n6{bottom:4px;right:4px}.su-grid--mini .flash-correct{color:var(--su-sage-deep)!important}.su-grid--mini .flash-wrong{color:var(--su-clay-deep)!important}.su-grid--mini.sudoku-paused{pointer-events:none;opacity:.5;filter:grayscale(1)}.su-notes-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.su-notes-row .note-btn{height:36px;border-radius:10px;background:transparent;border:1px dashed var(--su-line);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;color:var(--su-ink-muted);cursor:pointer;transition:background .1s ease}.su-notes-row .note-btn:hover{background:var(--su-cream);color:var(--su-ink)}