.appearance-popover{border:1px solid var(--border);background:var(--card-warm);width:310px;max-width:calc(100vw - 32px);color:var(--fg);border-radius:20px;max-height:calc(100dvh - 110px);margin:0;padding:0;position:fixed;inset:82px 24px auto auto;overflow:auto;box-shadow:0 16px 55px #0002}.appearance-popover::backdrop{background:#11110f0a}.appearance-popover-content{padding:22px}.appearance-popover header,.colour-picker header{justify-content:space-between;align-items:center;gap:12px;display:flex}.appearance-popover header>button,.colour-picker header>button{border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.appearance-eyebrow{letter-spacing:.18em;color:var(--muted);font-size:10px;font-weight:700}.appearance-controls fieldset{border:0;margin:14px 0 22px;padding:0}.appearance-controls legend,.colour-picker legend{margin-bottom:10px;font-size:13px;font-weight:500}.appearance-modes{flex-wrap:wrap;gap:6px;display:flex}.appearance-modes button{border:1px solid var(--border);min-height:44px;color:var(--fg);background:0 0;border-radius:999px;padding:8px 14px;font-size:13px}.appearance-modes button[aria-pressed=true]{border-color:var(--user-accent-border,var(--fg));background:var(--user-accent-soft,var(--hover));color:var(--fg)}.appearance-swatches{gap:16px;display:flex}.appearance-swatches button{width:46px;height:46px;box-shadow:0 0 0 3px var(--card-warm);border:1px solid #7778;border-radius:50%;place-items:center;display:grid}.appearance-swatches button[aria-pressed=true]{outline:2px solid var(--user-accent-border,var(--fg));outline-offset:3px}.appearance-selected-check{color:#11110f;background:#fffdf8;border-radius:50%;width:22px;height:22px;padding:2px}.appearance-custom{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:underline;display:flex}.appearance-reset{color:var(--muted);min-height:44px;font-size:12px;text-decoration:underline;display:block}.appearance-popover-content>a{border-top:1px solid var(--border);margin-top:14px;padding-top:18px;font-size:12px;display:block}.appearance-error{color:var(--incorrect);font-size:13px}.colour-picker{border:1px solid var(--border);background:var(--card-warm);width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);color:var(--fg);border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 90px #0003}.colour-picker::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11110f45}.colour-picker-content{padding:24px}.colour-picker h2{font-family:var(--serif-display,Georgia);margin-top:5px;font-size:26px;line-height:1.2}.colour-wheel{touch-action:none;cursor:crosshair;background:radial-gradient(circle,#fff 0%,#0000 70%),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:220px;height:220px;margin:22px auto;position:relative}.wheel-shade{pointer-events:none;background:#000;border-radius:50%;position:absolute;inset:0}.wheel-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111}.colour-range{grid-template-columns:85px 1fr;align-items:center;gap:14px;min-height:44px;margin:8px 0;font-size:12px;display:grid}.colour-range input{width:100%;accent-color:var(--user-accent-border)}.colour-hex{align-items:center;gap:16px;margin:8px 0;font-size:12px;display:flex}.colour-hex input{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:125px;min-height:44px;padding:8px 12px}.colour-preview{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 24px;font-size:12px;display:flex}.colour-preview-pill{background:var(--user-accent);color:var(--user-accent-text);border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:flex}.colour-picker footer{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.colour-picker footer button{border-radius:999px;min-height:44px;padding:10px 20px;font-size:13px}.colour-save{background:var(--fg);color:var(--bg)}.appearance-controls button,.colour-picker button{transition:background-color .2s,border-color .2s,color .2s}.appearance-controls button:disabled,.colour-picker button:disabled{opacity:.6;cursor:wait}.appearance-popover :focus-visible,.colour-picker :focus-visible{outline:2px solid var(--user-accent-border);outline-offset:4px}@media (max-width:600px){.appearance-popover{inset:76px 12px auto auto}.colour-picker{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:94dvh;inset:auto 0 0}.colour-picker-content{max-width:440px;padding-bottom:max(24px,env(safe-area-inset-bottom));margin:auto}.colour-wheel{width:240px;height:240px}}[data-user-accent=true] :is(.product-shell,.product-surface) .penguin-theme-badge{color:var(--user-accent-border);background:var(--user-accent-soft);border-radius:50%}[data-user-accent=true] :is(.product-shell,.product-surface) :focus-visible{outline-color:var(--user-accent-border)}[data-user-accent=true] :is(.product-shell,.product-surface) .answer-field:focus{border-color:var(--user-accent-border);box-shadow:0 0 0 2px var(--user-accent-muted)}[data-user-accent=true] .product-shell .product-nav-link[aria-current=page]{background:var(--user-accent-soft);box-shadow:inset 0 -2px var(--user-accent-border)}[data-user-accent=true] :is(.product-shell,.product-surface) :is(.bank-options,.bank-paper-choices,.bank-lengths) :is(button[aria-pressed=true],label:has(input:checked)){background:var(--user-accent-soft);border-color:var(--user-accent-border);color:var(--fg)}[data-user-accent=true] .product-shell .layout-options label:has(input:checked){background:var(--user-accent-soft);border-color:var(--user-accent-border);color:var(--fg)}[data-user-accent=true] .product-shell .bank-topic-toggle:hover,[data-user-accent=true] .product-shell .dashboard-subject-card:hover{background:var(--user-accent-soft);border-color:var(--user-accent-border)}[data-user-accent=true] .product-shell .grind-progress>span{background:var(--user-accent-border)}[data-user-accent=true] :is(.product-shell,.product-surface) input:is([type=radio],[type=checkbox],[type=range]),[data-user-accent=true] .product-shell progress{accent-color:var(--user-accent-border)}[data-user-accent=true] .product-shell progress::-webkit-progress-value{background:var(--user-accent-border)}[data-user-accent=true] .product-shell progress::-moz-progress-bar{background:var(--user-accent-border)}[data-user-accent=true] .product-shell :is(.product-nav-link,.bank-topic-toggle,.dashboard-subject-card,.bank-options button,.bank-lengths button){transition:background-color .2s,border-color .2s,color .2s}@media (prefers-reduced-motion:reduce){.appearance-controls *,.colour-picker *{transition:none!important}}.reduced-motion .appearance-controls *,.reduced-motion .colour-picker *{transition:none!important}[data-user-accent=true] .grind-desktop-nav a[aria-current=page],[data-user-accent=true] .grind-mobile-panel a[aria-current=page]{background:var(--user-accent-soft);box-shadow:inset 0 -2px var(--user-accent-border);border-radius:6px}[data-user-accent=true] .dashboard-subject-card button[aria-pressed=true]{background:var(--user-accent-soft);border-color:var(--user-accent-border)}[data-user-accent=true] .question-timer[data-phase=normal] .question-timer-trigger{border-color:var(--user-accent-border);background:var(--user-accent-soft);color:var(--fg)}html[data-study-dark] :is(.product-shell,.product-surface){--background:var(--study-bg);--surface:var(--study-card);--text-primary:var(--study-fg);--text-secondary:var(--study-muted);--bg:var(--study-bg);--card:var(--study-card);--card-warm:var(--study-card);--fg:var(--study-fg);--muted:var(--study-muted);--muted-2:var(--study-muted);--border:var(--study-border);--border-strong:var(--study-border-strong);--hover:var(--study-hover);--accent:var(--study-fg);--accent-soft:var(--study-hover);--button-primary:var(--study-fg);--button-text:var(--study-bg)}html[data-study-dark=true] :is(.product-shell,.product-surface){--correct:#9dc991;--correct-soft:#9dc99118;--incorrect:#efa49a;--incorrect-soft:#efa49a18;--partial:#e5bd79;--partial-soft:#e5bd791a}html[data-study-dark=false] :is(.product-shell,.product-surface){--correct:#15803d;--correct-soft:#15803d18;--incorrect:#b91c1c;--incorrect-soft:#b91c1c18;--partial:#b45309;--partial-soft:#b453091a}html[data-study-dark] .product-shell,html[data-study-dark] .product-shell .grind-page{background-color:var(--study-bg);background-image:var(--study-pattern);color:var(--study-fg)}html[data-study-dark] .product-shell :is(.grind-card:not([data-cue=understood],[data-cue=review]),.grind-summary){background:var(--study-card);color:var(--study-fg)}.appearance-controls select{border:1px solid var(--border-strong);background:var(--card);width:100%;min-height:44px;color:var(--fg);border-radius:12px;padding:8px 12px}.appearance-controls .background-chip{vertical-align:-2px;border:1px solid #7776;border-radius:50%;width:13px;height:13px;margin-right:7px;display:inline-block}.appearance-decoration{align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.appearance-decoration input{width:18px;height:18px}.appearance-presets{margin:18px 0;font-size:13px}.appearance-presets summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.appearance-presets .appearance-modes{padding-bottom:10px}.appearance-note{color:var(--muted);max-width:480px;margin:10px 0;font-size:12px;line-height:1.6}.study-preview{border:1px solid var(--study-border);background-color:var(--study-bg);background-image:var(--study-pattern);color:var(--study-fg);border-radius:20px;max-width:560px;margin:18px 0;padding:28px 22px}.study-preview article{border:1px solid var(--study-border);background:var(--study-card);border-radius:16px;padding:22px}.study-preview small{letter-spacing:.13em;color:var(--study-muted);font-size:9px}.study-preview h3{font-family:var(--serif-display,Georgia);margin:12px 0 18px;font-size:23px;line-height:1.3}.study-preview-answer{border:1px solid var(--study-border-strong);color:var(--study-muted);border-radius:10px;padding:12px;font-size:12px}.study-preview-action{background:var(--user-accent);color:var(--user-accent-text);border-radius:999px;margin-top:18px;padding:10px 16px;font-size:12px;display:inline-block}.colour-picker .study-preview{padding:14px}.colour-picker .study-preview article{padding:16px}.appearance-current{color:var(--muted);align-items:center;gap:4px;margin:0 0 12px;font-size:12px;display:flex}.product-shell .account-page .appearance-controls .appearance-modes button{background:0 0;border-radius:999px;min-height:44px}.product-shell .account-page .appearance-controls .appearance-modes button[aria-pressed=true]{background:var(--user-accent-soft,var(--hover));border-color:var(--user-accent-border,var(--fg))}.product-shell .account-page .appearance-controls .appearance-swatches button{border-radius:50%;min-height:46px}.pattern-opacity{max-width:440px;margin:18px 0 24px;font-size:13px;display:block}.pattern-opacity>span{justify-content:space-between;gap:16px;display:flex}.pattern-opacity output{font-variant-numeric:tabular-nums;color:var(--muted)}.pattern-opacity input{width:100%;min-height:44px;accent-color:var(--user-accent-border);touch-action:pan-y}.penguin-appearance-image{object-fit:contain;flex-shrink:0;width:42px;height:42px;display:block}.grind-header .grind-utilities button.penguin-theme-toggle{padding:0}.compact-theme-toggle .penguin-appearance-image{width:28px;height:28px}.penguin-appearance-image.appearance-moon,[data-theme=dark] .penguin-appearance-image.appearance-sun{display:none}[data-theme=dark] .penguin-appearance-image.appearance-moon{display:block}