:root{--color-ground: #f6efdf;--color-panel: #fffaf0;--color-text: #1c1610;--color-navy: #14213d;--color-navy-2: #1d2c4f;--color-accent: #b68235;--color-accent-700: #7a5620;--color-accent-300: #d9b98a;--color-accent-100: #f1e2c4;--color-divider: rgba(28, 22, 16, .22);--color-capture-bg: #131a2c;--font-head: "Cormorant Garamond", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: ui-monospace, Menlo, Consolas, monospace;--radius-sm: 8px;--radius-md: 12px;--shadow-card: 0 2px 6px rgba(28, 22, 16, .12);--shadow-btn: 0 2px 4px rgba(122, 86, 32, .35)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--color-ground);color:var(--color-text);font:500 15.5px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:inherit}.app{max-width:402px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.screen{flex:1;overflow-y:auto;padding-bottom:92px}.h-display{font:700 30px/1.08 var(--font-head);letter-spacing:-.01em;color:#14100a}.h-title{font:700 21px/1.15 var(--font-head);color:#14100a}.h-num{font:600 46px/1 var(--font-head);color:#14100a}.mono-label{font:800 10px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-700);font-variant-numeric:tabular-nums}.mono-meta{font:600 11.5px/1.5 var(--font-mono);color:#1c1610d9;font-variant-numeric:tabular-nums}.mono-sm{font:600 10.5px/1.5 var(--font-mono);color:#1c1610b3;font-variant-numeric:tabular-nums}.body-sm{font:500 14px/1.5 var(--font-body);color:#241c12}.ital{font-style:italic}.subjrow{display:block;width:100%;text-align:left;padding:13px 0;border-bottom:1px solid var(--color-divider)}.subjrow:active{background:#b682351f}.subj-name{font:700 17px/1.2 var(--font-head);color:#14100a}.subjchip{padding:5px 12px 5px 9px;border:1.5px solid var(--color-accent-300);border-radius:999px;background:var(--color-panel);box-shadow:var(--shadow-card)}.subjchip:active{background:var(--color-accent-100)}.rule{border:0;border-top:1px solid var(--color-divider)}.pagehead{padding:max(20px,env(safe-area-inset-top)) 20px 15px;background:linear-gradient(180deg,var(--color-navy),var(--color-navy-2));border-bottom:3px solid var(--color-accent)}.pagehead .h-display,.pagehead .h-title{color:#f6efdf}.pagehead .mono-label{color:var(--color-accent-300)}.pagehead .mono-meta,.pagehead .mono-sm{color:#f6efdfd9}.pagehead button.mono-label{color:var(--color-accent-300)}.card{border:1.5px solid var(--color-accent-300);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-card)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,#c89a4d,#a97a2e);color:#fff8ec;padding:12px 18px;font:800 11.5px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-btn);text-shadow:0 1px 1px rgba(90,60,15,.5)}.btn-outline:active{transform:translateY(1px);box-shadow:0 1px 2px #7a562059}.btn-outline:disabled{opacity:.45;cursor:default}.btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent-700);padding:11px 16px;background:var(--color-panel);font:800 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-card)}.btn-quiet:active{background:var(--color-accent-100)}.bar-track{height:7px;background:#1c16101f;border-radius:4px;overflow:hidden;border:.5px solid rgba(28,22,16,.08)}.bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.chip{border:1.5px solid var(--color-accent-300);border-radius:999px;padding:7px 14px;font:700 10.5px var(--font-mono);letter-spacing:.1em;color:#3a2d1a;background:var(--color-panel);white-space:nowrap;box-shadow:var(--shadow-card)}.chip.on{border-color:var(--color-accent);color:#fff8ec;background:linear-gradient(180deg,#c89a4d,#a97a2e);text-shadow:0 1px 1px rgba(90,60,15,.4)}.chip.dim{opacity:.45}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:402px;display:flex;border-top:3px solid var(--color-accent);background:linear-gradient(180deg,var(--color-navy-2),var(--color-navy));padding-bottom:env(safe-area-inset-bottom);z-index:40}.tabbar button{flex:1;padding:11px 0 9px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#f6efdf8c}.tabbar button.on{color:var(--color-accent-300)}.tabbar .tlabel{font:800 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.lessons-toggle{display:inline-flex;align-items:center;gap:4px;padding:8px 2px 8px 10px;align-self:flex-start;margin-top:10px;color:#1c1610bf;white-space:nowrap}.lessons{padding:6px 0 12px 28px}.lesson{display:flex;gap:10px;padding:9px 0;border-top:1px dashed var(--color-divider);align-items:flex-start}.lesson-title{font:700 14px/1.35 var(--font-body);color:#14100a}.termstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.termstrip .term{border:1.5px solid var(--color-accent-300);border-radius:var(--radius-sm);padding:8px 6px;text-align:center;background:var(--color-panel);box-shadow:var(--shadow-card)}.termstrip .term.now{border-color:var(--color-accent);background:var(--color-accent-100)}.termstrip .term .mono-sm{white-space:nowrap;font-size:9px}.crest{border-radius:14px;object-fit:cover;flex-shrink:0;box-shadow:0 3px 8px #14100a59}.capture{background:var(--color-capture-bg);color:#f2efe8;min-height:100%}.capture .mono-label,.capture .mono-meta,.capture .mono-sm{color:#f2efe8a6}.viewfinder{position:relative;margin:14px 20px;aspect-ratio:3/3.6;border:1.5px solid rgba(242,239,232,.2);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.vf-corner{position:absolute;width:24px;height:24px;border-color:var(--color-accent);border-style:solid;border-width:0}.shutter{width:68px;height:68px;border-radius:50%;border:3px solid var(--color-accent);display:flex;align-items:center;justify-content:center;margin:0 auto}.shutter-core{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#c89a4d,#a97a2e)}.stdrow{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-divider);align-items:flex-start;width:100%;text-align:left}.stdbox{width:20px;height:20px;border-radius:5px;border:2px solid;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #1c16101a}.alarm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--color-capture-bg);color:#f2efe8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.px{padding-left:20px;padding-right:20px}.fade{color:#1c1610a6}.stepper{display:inline-flex;align-items:center;gap:8px}.stepper button{width:28px;height:28px;border:1.5px solid var(--color-accent-300);border-radius:50%;font-size:15px;line-height:1;color:var(--color-accent-700);background:var(--color-panel)}