:root{--bg: #14161a;--panel: #1e2229;--line: #2e343d;--fg: #e8eaed;--dim: #9aa1ab;--fill: #f0c674;--miss: #c0392b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:520px;margin:0 auto;padding:12px}.topbar{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0 4px}.title{font-size:18px;font-weight:700}.date{color:var(--dim);font-size:13px}.section-label{color:var(--dim);font-size:12px;margin:14px 0 6px}.shadow-row{display:flex;gap:10px}.shadow-panel{flex:1}.shadow-label{color:var(--dim);font-size:11px;text-align:center;margin-bottom:4px}.shadow-grid{display:grid;gap:2px;background:var(--line);padding:2px;border-radius:6px}.shadow-cell{aspect-ratio:1;background:var(--panel);border-radius:2px}.shadow-cell.matched{background:var(--fill)}.shadow-cell.missing{background:var(--panel);box-shadow:inset 0 0 0 2px var(--fill);opacity:.55}.shadow-cell.excess{background:var(--miss)}.editor{background:var(--panel);border-radius:10px;padding:10px}.editor-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:10px}.editor-label{font-variant-numeric:tabular-nums}.editor-step{background:var(--line);color:var(--fg);border:0;width:44px;height:36px;border-radius:8px;font-size:14px;cursor:pointer}.editor-grid{display:grid;gap:4px}.editor-cell{aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:4px;cursor:pointer;padding:0}.editor-cell.filled{background:var(--fill);border-color:var(--fill)}.status{margin-top:14px;text-align:center;color:var(--dim);font-size:14px}.status.solved{color:var(--fill);font-weight:700}.viewer{margin-top:8px;border-radius:10px;overflow:hidden;background:var(--panel);touch-action:pan-y}.viewer-wrap{position:relative}.viewer-hint{position:absolute;top:8px;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 28px;color:var(--dim);font-size:14px;line-height:1.5;pointer-events:none}.viewer-hint[hidden]{display:none}.viewer canvas{display:block;width:100%;height:auto}.streak{text-align:center;color:var(--dim);font-size:12px;margin:2px 0 6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border-radius:14px;padding:22px;width:100%;max-width:320px;text-align:center}.modal-title{margin:0 0 10px;font-size:20px}.modal-detail{margin:0 0 4px;color:var(--fg)}.modal-streak{margin:0 0 18px;color:var(--dim);font-size:13px}.modal-share,.modal-close{display:block;width:100%;padding:12px;border:0;border-radius:8px;font-size:15px;cursor:pointer}.modal-share{background:var(--fill);color:#1a1a1a;font-weight:700;margin-bottom:8px}.modal-close{background:var(--line);color:var(--fg)}.topbar-btn{background:var(--line);color:var(--fg);border:0;padding:6px 12px;border-radius:8px;font-size:13px;cursor:pointer}.topbar-actions{display:flex;gap:6px;align-items:center}.locale-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239aa1ab' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;color:var(--fg);border:0;border-radius:8px;cursor:pointer;padding:6px 26px 6px 10px;max-width:9em;font-size:16px}.locale-select option{background:var(--panel);color:var(--fg)}.date-line{color:var(--dim);font-size:13px}.gallery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;overflow-y:auto;padding:16px}.gallery-panel{max-width:520px;margin:0 auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;border-radius:10px;background:var(--bg);position:sticky;top:-16px;z-index:1}.gallery-title{margin:0;font-size:18px}.gallery-close{background:var(--line);color:var(--fg);border:0;padding:8px 14px;border-radius:8px;cursor:pointer}.gallery-empty{color:var(--dim);text-align:center;padding:40px 0}.gallery-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-card{background:var(--panel);border:0;border-radius:10px;overflow:hidden;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;display:block;width:100%;cursor:pointer}.gallery-card:hover{background:var(--line)}.gallery-card:focus-visible{outline:2px solid var(--fill);outline-offset:2px}.gallery-view{width:100%}.gallery-view img{display:block;width:100%;height:auto}.gallery-caption{font-size:11px;color:var(--dim);padding:6px 8px;text-align:center}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.detail-panel{background:var(--panel);border-radius:14px;padding:18px;width:100%;max-width:380px;text-align:center}.detail-title{margin:0 0 12px;font-size:17px}.detail-view{width:100%;border-radius:10px;overflow:hidden;background:var(--bg);touch-action:pan-y}.detail-view canvas{display:block;width:100%;height:auto}.detail-caption{margin-top:10px;font-size:13px;color:var(--fg)}.detail-hint{margin:6px 0 14px;font-size:12px;color:var(--dim)}.detail-close{display:block;width:100%;padding:12px;border:0;border-radius:8px;background:var(--line);color:var(--fg);font-size:15px;cursor:pointer}