:root{--bg: #f5f4f2;--bg-panel: #eceae6;--bg-bar: #f0efec;--bg-control: #ececea;--border: #dcdad5;--text: #37352f;--text-dim: #8a887f;--accent: #0a6bdd;--danger: #c0392b;--warn: #a06a12;--card-shadow: 0 4px 18px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06)}@media(prefers-color-scheme:dark){:root{--bg: #1e1e1c;--bg-panel: #262624;--bg-bar: #292927;--bg-control: #333331;--border: #3a3a37;--text: #d4d2cc;--text-dim: #8a887f;--accent: #3b8bee;--danger: #f0776a;--warn: #d9a441;--card-shadow: 0 4px 18px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif}.center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.dim{color:var(--text-dim)}.spacer{flex:1}button{font:inherit;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-control);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--text-dim)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:transparent;color:#fff}button.danger{color:var(--danger)}button.link{padding:0;border:none;background:none;color:var(--accent);text-decoration:underline}input{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{width:min(92vw,360px);padding:28px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel);box-shadow:var(--card-shadow)}.brand{margin:0;font-size:24px;letter-spacing:.02em}.brand-sub{margin:2px 0 22px;font-size:13px}button.google{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px}.g-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#4285f4;font-weight:700;font-size:12px}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text-dim);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}#email-form{display:flex;flex-direction:column;gap:4px}#email-form label{margin-top:8px;font-size:12px;color:var(--text-dim)}#email-form button{margin-top:16px}.switch{margin:14px 0 0;font-size:12px;color:var(--text-dim);text-align:center}.env{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);text-align:center}.env.prod{border-top-color:var(--danger);color:var(--danger);font-weight:600}.prod-mark{padding:1px 8px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:600}.msg{margin:14px 0 0;padding:8px 10px;border-radius:6px;font-size:12px}.msg.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.msg.info{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}#top{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--bg-bar)}.brand-small{font-weight:600;letter-spacing:.02em}.badge{padding:1px 8px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-dim)}#decks-main{max-width:1180px;margin:0 auto;padding:24px 18px}#decks-head{display:flex;align-items:center;gap:12px}#decks-head h2{margin:0;font-size:18px}.count{font-size:12px}.list-order{margin:4px 0 0;font-size:12px}#deck-search{width:200px}.card-grid{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.btn-link{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-control);color:var(--text);text-decoration:none;cursor:pointer}.btn-link:hover{border-color:var(--text-dim)}.deck-card{position:relative;display:flex;flex-direction:column;height:212px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);overflow:hidden;cursor:pointer}.deck-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.deck-rename{position:relative;z-index:3}.deck-card:hover{border-color:var(--accent);box-shadow:var(--card-shadow)}#decks-keywords{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 0}.decks-keywords-label{font-size:12px;color:var(--text-dim);margin-right:2px}.deck-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.deck-tags .deck-tag{position:relative;z-index:2}.deck-tag{width:auto;padding:2px 8px;border:.5px solid var(--border);border-radius:999px;background:var(--bg-panel);color:var(--text-dim);font-size:11px;line-height:1.6;cursor:pointer}.deck-tag:hover{border-color:var(--accent);color:var(--text)}.deck-tag.on{border-color:transparent;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.deck-card.selected{border-color:var(--accent);box-shadow:var(--card-shadow)}.deck-pick{position:absolute;top:8px;left:8px;z-index:2;width:auto;margin:0;opacity:0;transition:opacity .15s}.deck-card:hover .deck-pick,.deck-card.selected .deck-pick,.deck-pick:focus-visible{opacity:1}#decks-selection{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel)}#decks-selection .spacer{flex:1}#decks-selection button{width:auto}.deck-thumb{position:relative;flex:none;height:126px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:3px;border-bottom:1px solid var(--border);background:hsl(var(--hue) 32% 92%);color:hsl(var(--hue) 40% 26%)}@media(prefers-color-scheme:dark){.deck-thumb{background:hsl(var(--hue) 18% 22%);color:hsl(var(--hue) 30% 82%)}}#decks-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}#decks-pager button{width:auto}#decks-pager button:disabled{opacity:.45}.site-foot{margin-top:36px;padding:16px 0 8px;border-top:1px solid var(--border);text-align:center;font-size:11px}.deck-thumb-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.deck-thumb-shot~.deck-thumb-title,.deck-thumb-shot~.deck-thumb-sub,.deck-thumb-shot~.deck-thumb-blank{visibility:hidden}.deck-thumb-title{font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.deck-thumb-sub{font-size:9px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-thumb-blank{margin:auto;font-size:11.5px;color:var(--text-dim)}.deck-pages{position:absolute;right:10px;top:10px;padding:2px 7px;border-radius:99px;background:var(--bg-bar);color:var(--text-dim);font-size:10px}.deck-hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;background:#1e1e1c57;opacity:0;pointer-events:none}.deck-card:hover .deck-hover,.deck-card:focus-within .deck-hover{opacity:1}.deck-open{padding:6px 13px;border-radius:7px;background:#fff;color:#2b2b28;font-size:12px;font-weight:600}.deck-more{pointer-events:auto;width:29px;height:29px;padding:0;border:0;border-radius:7px;background:#fff;color:#4a4a48;font-size:13px;letter-spacing:1px;cursor:pointer}.deck-foot{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 14px;min-width:0}.deck-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-meta{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-rename{width:100%;font-size:13px}.deck-new{align-items:center;justify-content:center;gap:9px;border-style:dashed;background:transparent}.deck-new-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:99px;background:var(--bg-panel);color:var(--text-dim);font-size:19px;line-height:1}.deck-new-label{font-size:12.5px;font-weight:600;color:var(--text-dim)}.card-menu{position:fixed;z-index:50;min-width:150px;padding:4px;display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:9px;background:var(--bg-bar);box-shadow:var(--card-shadow)}.card-menu button{padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:12.5px;text-align:left;cursor:pointer}.card-menu button:hover{background:var(--bg-control)}.card-menu button.danger{color:var(--danger)}.empty{min-height:240px}.empty p{margin:2px 0}#themes-top{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border)}#themes-main{max-width:1180px;margin:0 auto;padding:24px 18px}#themes-head{display:flex;align-items:center;gap:12px}#themes-head h2{margin:0;font-size:18px}.themes-note{margin:10px 0 0;font-size:12px;line-height:1.7}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:50}.modal[hidden]{display:none}.modal-box{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow:auto;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel)}.modal-head{display:flex;align-items:center;gap:12px}.modal-head h3{margin:0;font-size:16px}.modal-note{margin:10px 0 0;font-size:12px;line-height:1.6}.modal-foot{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.theme-pick{margin:14px 0 0;padding:0;list-style:none;max-height:320px;overflow:auto}.theme-pick li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid transparent;border-radius:8px;cursor:pointer}.theme-pick li:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.theme-pick li.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.theme-pick .theme-kind{margin-left:auto;font-size:11px;color:var(--text-dim)}#import-list li{cursor:default}#import-list label{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer}#import-list input[type=checkbox]{width:auto;flex:none;margin:0}#import-list .import-path{margin-left:auto;font-size:11px;color:var(--text-dim)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start}.theme-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);overflow:hidden}.theme-head{position:relative;min-height:82px;padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;background:hsl(var(--hue) 32% 88%);color:hsl(var(--hue) 45% 22%)}@media(prefers-color-scheme:dark){.theme-head{background:hsl(var(--hue) 20% 26%);color:hsl(var(--hue) 30% 86%)}}.theme-name{font-size:13px;font-weight:700;overflow-wrap:anywhere}.theme-sub{font-size:9.5px;opacity:.7}.theme-more{position:absolute;right:12px;top:12px;width:24px;height:24px;padding:0;border:0;border-radius:7px;background:color-mix(in srgb,currentColor 14%,transparent);color:inherit;font-size:12px;letter-spacing:1px;cursor:pointer}.theme-more:hover{background:color-mix(in srgb,currentColor 26%,transparent)}.theme-body{padding:11px 14px 13px}.theme-badges{display:flex;align-items:center;gap:8px}.theme-when{font-size:11px;white-space:nowrap}.theme-badge{padding:2px 9px;border:1px solid;border-radius:99px;font-size:10.5px;font-weight:600;white-space:nowrap}.theme-badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.theme-badge.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.theme-badge.ok{color:var(--text-dim);border-color:var(--border);font-weight:500}.theme-warns{margin-top:10px}.theme-warns summary{padding:7px 9px;border:1px solid var(--border);border-radius:8px;font-size:11.5px;color:var(--text-dim);cursor:pointer}.theme-warns[open] summary{margin-bottom:4px;border-color:transparent;padding:0 0 2px}.theme-new{min-height:150px;align-items:center;justify-content:center;gap:9px;border-style:dashed;background:transparent;cursor:pointer}.theme-warn{margin:6px 0 0;font-size:12px;line-height:1.7}.theme-warn-head{color:var(--text-dim)}.theme-warn.is-error .theme-warn-head{color:var(--danger)}.theme-warn ul{margin:4px 0 0;padding:0;list-style:none}.theme-warn li{display:flex;align-items:baseline;gap:8px;padding:1px 0}.theme-warn code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:11px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--text) 8%,transparent)}.theme-warn li button{flex:none;padding:1px 8px;font-size:11px}
