:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--fg:#191d27;--fg-press:#3b4253;--muted:#5e6678;--muted-soft:#68707f;--surface-1:#fff;--surface-2:#eef0f6;--surface-3:#fff;--surface-4:#e0e4ee;--surface-press:#dce1ec;--border:#d2d7e3;--border-soft:#c1c8d8;--ok:#0e7a54;--ok-bg:#d5f1e4;--ok-text:#0b5b3f;--bad:#cc2f42;--bad-bg:#fadde1;--bad-track:#f2c3ca;--bad-text:#a52133;--bad-text-soft:#8d1b2b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141a;--fg:#e8eaf0;--fg-press:#c4c8d4;--muted:#9aa1b1;--muted-soft:#818899;--surface-1:#1a1e27;--surface-2:#1c2029;--surface-3:#1e222c;--surface-4:#2a3040;--surface-press:#262b38;--border:#333a4d;--border-soft:#3a4155;--ok:#2ecc8f;--ok-bg:#14503a;--ok-text:#a8e8cd;--bad:#ef5a6a;--bad-bg:#5a1f27;--bad-track:#6b2a33;--bad-text:#ef8a94;--bad-text-soft:#f3bcc2}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12141a;--fg:#e8eaf0;--fg-press:#c4c8d4;--muted:#9aa1b1;--muted-soft:#818899;--surface-1:#1a1e27;--surface-2:#1c2029;--surface-3:#1e222c;--surface-4:#2a3040;--surface-press:#262b38;--border:#333a4d;--border-soft:#3a4155;--ok:#2ecc8f;--ok-bg:#14503a;--ok-text:#a8e8cd;--bad:#ef5a6a;--bad-bg:#5a1f27;--bad-track:#6b2a33;--bad-text:#ef8a94;--bad-text-soft:#f3bcc2}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.scroll-x{scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:0;display:none}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}:root{--cat-alkali-metal-hue:20;--cat-alkaline-earth-metal-hue:50;--cat-transition-metal-hue:85;--cat-post-transition-metal-hue:120;--cat-metalloid-hue:160;--cat-nonmetal-hue:200;--cat-halogen-hue:240;--cat-noble-gas-hue:275;--cat-lanthanide-hue:310;--cat-actinide-hue:345;--mastery-weak-hue:25;--mastery-shaky-hue:75;--mastery-solid-hue:155;--fill-l:.905;--fill-c:.055;--ink-l:.42;--ink-c:.105;--dot-l:.6;--dot-c:.15;--unseen-fill:transparent;--unseen-ink:oklch(62% .008 260);--unseen-dot:oklch(78% .008 260)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fill-l:.36;--fill-c:.075;--ink-l:.89;--ink-c:.105;--dot-l:.68;--dot-c:.15;--unseen-fill:transparent;--unseen-ink:oklch(52% .008 260);--unseen-dot:oklch(42% .008 260)}}:root[data-theme=dark]{--fill-l:.36;--fill-c:.075;--ink-l:.89;--ink-c:.105;--dot-l:.68;--dot-c:.15;--unseen-fill:transparent;--unseen-ink:oklch(52% .008 260);--unseen-dot:oklch(42% .008 260)}.menu{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.menu__top h1{margin:4px 0 14px;font-size:1.1rem}.drill{background:var(--surface-1);width:100%;min-height:56px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 16px;display:flex}.drill:active{background:var(--surface-press)}.drill__title{font-size:1rem;font-weight:600}.drill__note{color:var(--muted);font-size:.76rem}.drill--all{border-color:var(--ok);background:var(--surface-4);min-height:66px}.drill--all .drill__title{font-size:1.1rem;font-weight:700}.drill--group{background:var(--surface-4);margin-top:18px}.drill--mode{border-color:var(--border);background:0 0;min-height:50px;margin-top:6px}.drill--mode .drill__title{color:var(--muted);font-size:.94rem;font-weight:400}.drill--lone{margin-top:18px}.grid-scroll{flex:1;min-height:0;padding:0 16px;overflow-y:auto}.grid{--cell:40px;grid-template-columns:repeat(18, var(--cell));grid-template-rows:repeat(7, var(--cell)) 14px repeat(2, var(--cell));gap:3px;width:max-content;display:grid}.cell{line-height:1;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:opacity .12s;display:flex}.cell:disabled{opacity:1;cursor:default}.cell--selected{outline:2px solid var(--fg);outline-offset:1px}.cell--right{outline:2px solid var(--ok);outline-offset:1px}.cell--wrong{outline:2px solid var(--bad);outline-offset:1px}.cell__z{opacity:.72;font-variant-numeric:tabular-nums;font-size:.55rem}.cell__symbol{margin-top:2px;font-size:.88rem;font-weight:700}.quiz{flex-direction:column;flex:1;padding:12px 16px 10px;display:flex}.quiz__top{color:var(--muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.quiz__back{width:34px;height:34px;color:var(--muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;margin-left:-8px;display:flex}.quiz__back:active{background:var(--surface-2)}.quiz__label-inline{flex:1}.quiz__score{font-variant-numeric:tabular-nums;background:var(--surface-2);border-radius:999px;padding:4px 10px}.quiz__clue{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:150px;padding:20px 0;display:flex}.quiz__label-inline{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.quiz__score{flex:none}.quiz__value{word-break:break-word;margin:0;font-size:clamp(2.4rem,15vw,3.6rem);font-weight:700;line-height:1.05}.quiz__value.is-long{letter-spacing:-.01em;font-size:clamp(1.3rem,7.5vw,2rem)}.quiz__value.is-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.quiz__value-secondary{color:var(--fg);margin:0;font-size:1.05rem}.quiz__question{color:var(--muted);margin:0;font-size:.85rem}.quiz--table .quiz__clue{flex:none;min-height:0;padding:10px 0 14px}.quiz--table .grid-scroll{padding-left:0;padding-right:0}.quiz__options{flex-direction:column;gap:10px;display:flex}.option{border:1.5px solid var(--border);background:var(--surface-3);width:100%;min-height:62px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:baseline;gap:10px;padding:12px 16px;transition:background .12s,border-color .12s,opacity .12s;display:flex}.option:active:not(:disabled){background:var(--surface-press)}.option:disabled{opacity:1;cursor:default}.option__primary{min-width:2.2ch;font-size:1.35rem;font-weight:700}.option.is-long .option__primary{word-break:break-word;min-width:0;font-size:.98rem;font-weight:600}.option.is-mono .option__primary{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.option__secondary{color:var(--muted);font-size:.92rem}.option--correct{background:var(--ok-bg);border-color:var(--ok)}.option--correct .option__secondary{color:var(--ok-text)}.option--wrong{background:var(--bad-bg);border-color:var(--bad)}.option--wrong .option__secondary{color:var(--bad-text-soft)}.option--muted{opacity:.4}.quiz__foot{flex-direction:column;justify-content:center;gap:8px;min-height:104px;padding-top:12px;display:flex}.verdict{text-align:center;margin:0;font-size:.9rem;font-weight:600}.verdict--right{color:var(--ok)}.verdict--wrong{color:var(--bad-text)}.next{background:var(--fg);width:100%;min-height:54px;color:var(--bg);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;font-size:1rem;font-weight:700}.next:active{background:var(--fg-press)}.sheet-layer{z-index:20;flex-direction:column;justify-content:flex-end;max-width:520px;margin:0 auto;display:flex;position:fixed;inset:0}.sheet__backdrop{cursor:pointer;background:#08090c99;border:none;padding:0;position:absolute;inset:0}.sheet{background:var(--surface-1);border-top:1.5px solid var(--border);padding:12px 16px max(18px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.16s ease-out sheet-rise;position:relative}@keyframes sheet-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet__grip{background:var(--border);border-radius:999px;width:38px;height:4px;margin:0 auto 14px}.sheet__head{align-items:center;gap:12px;display:flex}.sheet__tile{border-radius:14px;flex:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.6rem;font-weight:700;display:flex}.sheet__title{flex:1;min-width:0}.sheet__name{font-size:1.15rem;font-weight:700}.sheet__category{margin-top:2px;font-size:.78rem}.sheet__number{text-align:right}.sheet__number-value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.sheet__close{background:var(--surface-2);width:36px;height:36px;color:var(--muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.sheet__cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.sheet__cell{background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;display:flex}.sheet__cell-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.sheet__cell-value--block{text-transform:uppercase}.sheet__cell-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.sheet__config{background:var(--surface-2);border-radius:12px;margin-top:10px;padding:12px 14px}.sheet__config-value{word-break:break-word;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem}.sheet__facts{background:var(--surface-2);border-radius:12px;margin-top:10px;padding:12px 14px}.facts{flex-direction:column;gap:5px;margin:6px 0 0;padding:0;list-style:none;display:flex}.facts__item{padding-left:14px;font-size:.86rem;line-height:1.35;position:relative}.facts__item:before{content:"";background:var(--muted);border-radius:999px;width:4px;height:4px;position:absolute;top:.52em;left:2px}.table-screen{flex-direction:column;flex:1;min-height:0;padding:4px 0 0;display:flex}.table__top{justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.table__top h1{margin:4px 0;font-size:1.1rem}.segmented{background:var(--surface-1);border-radius:10px;gap:2px;padding:3px;display:flex}.segmented__item{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:0 12px;font-size:.78rem}.segmented__item--on{background:var(--surface-4);color:var(--fg);font-weight:600}.knowledge{padding:12px 16px 0}.knowledge__bar{background:var(--surface-2);border-radius:999px;height:7px;display:flex;overflow:hidden}.knowledge__bar i{height:100%;display:block}.knowledge__counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.count{background:var(--surface-1);min-height:46px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;display:flex}.count--on{background:var(--surface-4)}.count__value{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.count__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.search{background:var(--surface-1);border:1.5px solid var(--border);height:46px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin:12px 16px 0;padding:0 14px;display:flex}.search__input{min-width:0;color:var(--fg);font:inherit;appearance:none;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.search__input::placeholder{color:var(--muted-soft)}.search__input::-webkit-search-cancel-button{appearance:none}.chips{gap:7px;margin-top:12px;padding:0 16px 2px;display:flex}.chip{background:var(--surface-2);min-height:34px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 13px;font-size:.76rem;display:flex}.chip--on{background:var(--surface-4);color:var(--fg);font-weight:600}.chip__dot{border-radius:999px;flex:none;width:7px;height:7px}.table-screen .grid-scroll{margin-top:14px}.table__hint{text-align:center;color:var(--muted-soft);font-variant-numeric:tabular-nums;flex:none;margin:0;padding:10px 16px 4px;font-size:.72rem}.stats{flex-direction:column;flex:1;padding:4px 16px 12px;display:flex;overflow-y:auto}.stats__top h1{margin:4px 0 14px;font-size:1.1rem}.summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.summary__cell{background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.summary__value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.summary__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.stats__empty{text-align:center;color:var(--muted);margin:32px 8px;font-size:.9rem;line-height:1.5}.weak-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.weak{background:var(--surface-1);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.weak__symbol{background:var(--surface-4);border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.05rem;font-weight:700;display:flex}.weak__body{flex:1;min-width:0}.weak__line{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.weak__name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.weak__count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.weak__bar{background:var(--bad-track);border-radius:999px;height:5px;overflow:hidden}.weak__bar i{background:var(--ok);border-radius:999px;height:100%;display:block}.stats__foot{margin-top:22px;padding-top:4px}.reset{border:1.5px solid var(--border-soft);width:100%;min-height:50px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;font-size:.9rem}.reset--armed{border-color:var(--bad);color:var(--bad-text);font-weight:600}.qr{border-radius:10px;margin:8px auto 16px;display:block;box-shadow:0 0 0 8px #fff}.options{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.options__top h1{margin:4px 0 14px;font-size:1.1rem}.options__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}.options__note{color:var(--muted);margin:6px 0 12px;font-size:.8rem;line-height:1.45}.options__message{color:var(--muted);margin:10px 0 0;font-size:.82rem}.confirm{background:var(--surface-1);border:1.5px solid var(--bad);border-radius:12px;margin-top:12px;padding:12px 14px}.confirm__question{margin:0 0 10px;font-size:.88rem}.choice__item--danger{border-color:var(--bad);color:var(--bad-text);font-weight:600}.choice{gap:6px;margin-bottom:4px;display:flex}.choice__item{border:1.5px solid var(--border);background:var(--surface-1);min-height:48px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;flex:1;font-size:.92rem}.choice__item--on{border-color:var(--ok);background:var(--surface-4);color:var(--fg);font-weight:600}.options__section+.options__section{margin-top:26px}.share__address{text-align:center;color:var(--muted);word-break:break-all;margin:0 0 12px;font-size:.78rem}.nav{padding:6px 8px max(6px, env(safe-area-inset-bottom));background:var(--surface-1);border-top:1px solid var(--border);flex:none;gap:2px;display:flex}.nav__item{min-height:54px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.nav__item--active{background:var(--surface-4);color:var(--fg)}.nav__label{letter-spacing:.01em;font-size:.68rem}.nav__item--active .nav__label{font-weight:600}.app{max-width:520px;height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex}.app__body,.area{flex-direction:column;flex:1;min-height:0;display:flex}.area[hidden]{display:none}