@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-wght.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url('assets/fonts/newsreader-latin-wght.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --color-canvas:#f2eee4;--color-surface:#f8f4eb;--color-raised:#fffdf8;--color-text:#202722;--color-muted:#59635b;
  --color-action:#35513c;--color-action-hover:#284331;--color-moss:#58705c;--color-celadon:#c9d8c6;--color-wash:#e7ede3;
  --color-clay:#b86650;--color-error:#a74646;--color-error-bg:#f5ded8;--color-border:#cdd2c8;--color-grid:#aab1a8;
  --color-board:#fffefa;--color-given:#202722;--color-entered:#355f48;--color-focus:#b86650;
  --font-display:Newsreader,Georgia,serif;--font-ui:Manrope,"Segoe UI",sans-serif;
  --shadow-1:0 1px 2px rgba(32,39,34,.07),0 8px 24px rgba(32,39,34,.05);
  --shadow-2:0 2px 3px rgba(32,39,34,.08),0 18px 50px rgba(32,39,34,.09);
  --edge:inset 0 1px rgba(255,255,255,.72),inset 0 0 0 1px rgba(32,39,34,.08);
  --radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease:cubic-bezier(.2,.75,.25,1);
}

html[data-theme="evening"]{
  color-scheme:dark;
  --color-canvas:#161b18;--color-surface:#202721;--color-raised:#283029;--color-text:#f1eee5;--color-muted:#aeb7ae;
  --color-action:#a8bea5;--color-action-hover:#bed0bb;--color-moss:#9eb59c;--color-celadon:#526556;--color-wash:#303d32;
  --color-clay:#d68a72;--color-error:#ef9b91;--color-error-bg:#512f2d;--color-border:#465047;--color-grid:#5c675f;
  --color-board:#202721;--color-given:#f1eee5;--color-entered:#b6ceb4;--color-focus:#e5a18b;
  --shadow-1:0 1px 2px rgba(0,0,0,.24),0 8px 24px rgba(0,0,0,.16);--shadow-2:0 2px 3px rgba(0,0,0,.3),0 18px 54px rgba(0,0,0,.25);
  --edge:inset 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.07);
}

*{box-sizing:border-box}
[hidden]{display:none!important}.modal-open{overflow:hidden}
html{min-width:320px;scroll-behavior:smooth;background:var(--color-canvas)}
body{margin:0;min-height:100vh;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-ui);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility;transition:background .35s var(--ease),color .35s var(--ease)}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url('assets/paper-grain.svg') repeat;opacity:.17;mix-blend-mode:multiply}
html[data-theme="evening"] body::before{opacity:.1;mix-blend-mode:screen}
.page-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:url('assets/raked-sand.svg') center top/720px 520px repeat;opacity:.2;filter:none;transition:opacity .35s var(--ease)}
.page-background::after{content:"";position:absolute;right:-90px;bottom:-70px;width:min(64vw,780px);height:min(92vh,900px);background:var(--color-action);opacity:.06;-webkit-mask:url('assets/ink-pine.svg') right bottom/contain no-repeat;mask:url('assets/ink-pine.svg') right bottom/contain no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha;pointer-events:none}
html[data-texture="paper"] .page-background{background:url('assets/paper-grain.svg') 0 0/220px 220px repeat;opacity:.3}
html[data-texture="contours"] .page-background{background:url('assets/garden-contours.svg') center top/1200px 900px repeat;opacity:.19}
html[data-texture="ink-pine"] .page-background{background:url('assets/paper-grain.svg') 0 0/220px 220px repeat;opacity:.22}
html[data-texture="ink-pine"] .page-background::after{opacity:.12}
html[data-theme="evening"] .page-background{opacity:.12;filter:invert(1)}
html[data-theme="evening"][data-texture="paper"] .page-background{opacity:.15}
html[data-theme="evening"][data-texture="contours"] .page-background{opacity:.11}
html[data-theme="evening"] .page-background::after{filter:invert(1);opacity:.045}
html[data-theme="evening"][data-texture="ink-pine"] .page-background::after{opacity:.085}
::selection{background:var(--color-celadon);color:var(--color-text)}
a{color:var(--color-action);text-underline-offset:3px;text-decoration-thickness:1px}
button,input,select{font:inherit}
img{max-width:100%}
h1,h2,h3{color:var(--color-text);text-wrap:balance}
h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;line-height:1.06}
h1{font-size:clamp(2rem,4.5vw,3.7rem)}h2{font-size:clamp(1.55rem,2.8vw,2.35rem)}h3{line-height:1.25}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-shell{position:relative;z-index:1;width:min(100% - 32px,1200px);margin-inline:auto;padding:18px 0 64px}

/* Shared shell */
.site-header{position:relative;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:78px;padding:10px 4px 15px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}
.header-left,.header-info,.site-nav{display:flex;align-items:center}.header-left{gap:10px}.header-info{gap:8px}.site-nav{justify-content:center;gap:3px;min-width:0}
.account-slot{display:flex;align-items:center;position:relative}.account-trigger{min-height:40px;padding:8px 12px;font-size:.76rem;white-space:nowrap}.account-leaf{font-family:var(--font-display);font-size:1.1rem}.account-menu-wrap{position:relative}.account-avatar-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-raised);color:var(--color-action);font-weight:800;box-shadow:var(--edge);cursor:pointer}.account-avatar-button img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.account-avatar-button:hover{border-color:var(--color-moss);background:var(--color-wash)}
.account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:230px;padding:8px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-raised);box-shadow:var(--shadow-2)}.account-menu-heading{display:grid;gap:2px;padding:9px 10px 12px;border-bottom:1px solid var(--color-border)}.account-menu-heading strong{font-family:var(--font-display);font-size:1.08rem}.account-menu a,.account-menu button{display:flex;width:100%;min-height:40px;align-items:center;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--color-text);font-size:.8rem;font-weight:650;text-decoration:none;text-align:left;cursor:pointer}.account-menu a:hover,.account-menu button:hover{background:var(--color-wash)}
.logo{display:block;width:220px;height:auto;color:var(--color-text);object-fit:contain;flex-shrink:0;transition:color .3s var(--ease)}
.nav-link{position:relative;padding:9px 10px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--color-muted);font-size:.82rem;font-weight:650;text-decoration:none;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease)}
.nav-link:hover,.nav-link:focus-visible{background:var(--color-wash);color:var(--color-text);transform:none}
.nav-link[aria-current="page"]{background:transparent;box-shadow:none;color:var(--color-text)}
.nav-link[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:1.5px;background:var(--color-clay);border-radius:2px}
.nav-toggle{display:none}.appearance-toggle{display:inline-flex}
.site-nav a[href*="advanced-techniques"],.site-nav a[href*="how-to-use"],.site-nav a[href*="privacy"],.site-nav a[href*="contact"]{display:none}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:54px;padding:24px 4px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.82rem}
.site-footer p{margin:0}.site-footer-status{font-size:.7rem;letter-spacing:.02em}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:var(--color-text)}

/* Controls and actions */
.primary-button,.secondary-button,.icon-button,.text-button,.mode-button,.nav-toggle,.appearance-toggle,.archive-day{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:12px;padding:10px 16px;font-family:var(--font-ui);font-size:.88rem;font-weight:700;line-height:1.1;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease),opacity .2s var(--ease)
}
.primary-button{background:var(--color-action);color:var(--color-raised);border-color:var(--color-action);box-shadow:0 5px 14px color-mix(in srgb,var(--color-action) 22%,transparent),inset 0 1px rgba(255,255,255,.13)}
html[data-theme="evening"] .primary-button{color:#172019}
.primary-button:hover{background:var(--color-action-hover);border-color:var(--color-action-hover);transform:translateY(-1px)}
.secondary-button{background:var(--color-raised);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--edge)}
.secondary-button:hover{background:var(--color-wash);border-color:var(--color-moss);transform:translateY(-1px)}
.secondary-button[aria-pressed="true"]{background:var(--color-celadon);border-color:var(--color-moss);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-moss) 35%,transparent)}
.primary-button:active,.secondary-button:active,.icon-button:active,.mode-button:active,.archive-day:active{transform:translateY(1px) scale(.985)}
.icon-button,.appearance-toggle,.nav-toggle{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:var(--color-raised);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--edge)}
.nav-toggle{display:none}
.icon-button[aria-pressed="false"]{opacity:.7}.icon-button:hover,.appearance-toggle:hover,.nav-toggle:hover{background:var(--color-wash);border-color:var(--color-moss)}
.ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.text-button{min-height:36px;padding:6px 4px;border:0;background:transparent;color:var(--color-action);text-decoration:none}.text-button:hover{text-decoration:underline}
button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
:where(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;box-shadow:0 0 0 2px var(--color-canvas)}
.info-chip{display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-raised) 88%,transparent);color:var(--color-text);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:var(--edge)}

/* Daily puzzle composition */
.home-page .page-shell{width:min(100% - 28px,1180px)}
.daily-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:34px 4px 16px}
.daily-heading h1{margin:0 0 7px;font-size:clamp(2rem,4vw,3.2rem)}
.daily-deck{max-width:660px;margin:0;color:var(--color-muted);font-size:.95rem;line-height:1.6}
.verification-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--color-moss);font-size:.7rem;font-weight:650}.verification-note .ui-icon{width:14px;height:14px}
.eyebrow,.card-eyebrow{margin:0 0 7px;color:var(--color-moss);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mode-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);box-shadow:var(--edge)}
.mode-button{min-height:38px;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--color-muted);box-shadow:none}
.mode-button.is-active{background:var(--color-raised);color:var(--color-text);border:0;box-shadow:var(--shadow-1)}
.game-status-strip{display:flex;align-items:center;gap:20px;margin:0 4px 15px;padding:11px 2px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.game-status-strip>div{display:flex;align-items:baseline;gap:6px;padding-right:20px;border-right:1px solid var(--color-border)}
.status-value{font-family:var(--font-display);font-size:1.25rem;font-weight:650;font-variant-numeric:tabular-nums}.status-label{color:var(--color-muted);font-size:.75rem}.share-button{margin-left:auto;min-height:38px;padding:8px 12px;background:transparent;box-shadow:none}
.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px;margin:0 0 38px}.game-layout{align-items:stretch}
.board-panel{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:0}
.board-container,.board-outer{display:flex;width:min(548px,48vw);height:min(548px,48vw);max-width:100%;max-height:none;padding:22px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--color-surface),color-mix(in srgb,var(--color-celadon) 26%,var(--color-surface)));box-shadow:var(--shadow-2),inset 0 1px rgba(255,255,255,.5);overflow:hidden}
.board-inner,.sudoku-frame{position:relative;display:flex;width:100%;height:100%;padding:0;border:2px solid var(--color-text);border-radius:18px;background:var(--color-board);box-shadow:0 1px 0 rgba(255,255,255,.8),0 5px 18px rgba(32,39,34,.1);overflow:hidden}
.sudoku-grid{position:absolute;inset:-1px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:calc(100% + 2px);height:calc(100% + 2px);margin:0;padding:0;border:0;background:var(--color-board);overflow:hidden}
.sudoku-row{display:contents}
.sudoku-cell,.cell{position:relative;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;border-right:1px solid var(--color-grid);border-bottom:1px solid var(--color-grid);border-radius:0;background:var(--color-board);color:var(--color-entered);font-family:var(--font-ui);font-size:clamp(1rem,2.1vw,1.45rem);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;outline:none;transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease)}
.sudoku-cell.block-top{border-top:2px solid var(--color-text)}.sudoku-cell.block-bottom{border-bottom:2px solid var(--color-text)}.sudoku-cell.block-left{border-left:2px solid var(--color-text)}.sudoku-cell.block-right{border-right:2px solid var(--color-text)}
.sudoku-cell[data-given="true"]{background:color-mix(in srgb,var(--color-surface) 45%,var(--color-board));color:var(--color-given);font-weight:750;cursor:default}
.sudoku-cell.related{background:color-mix(in srgb,var(--color-wash) 62%,var(--color-board))}.sudoku-cell.same-number{background:color-mix(in srgb,var(--color-celadon) 72%,var(--color-board))}
.sudoku-cell.selected{z-index:2;background:color-mix(in srgb,var(--color-celadon) 84%,var(--color-board));box-shadow:inset 0 0 0 2px var(--color-action)}
.sudoku-cell.hint-cell{animation:hintWash 1.1s var(--ease)}
.sudoku-cell .value,.sudoku-cell .notes{position:absolute;inset:0;display:grid;place-items:center}.sudoku-cell .notes{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:3px;color:var(--color-moss);font-size:clamp(.47rem,1vw,.65rem);font-weight:650;opacity:.95}.sudoku-cell .notes span{display:grid;place-items:center;width:auto}
.controls-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:27px 25px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--color-raised),var(--color-surface));box-shadow:var(--shadow-2),var(--edge)}
.controls-panel.is-hidden{display:none}.controls-panel.is-collapsed>*:not(.controls-header){display:none}.controls-header{display:flex;align-items:center;justify-content:space-between;width:100%}.controls-header>div{display:grid;gap:2px}.controls-title{font-family:var(--font-display);font-size:1.25rem;font-weight:650}.controls-help{color:var(--color-muted);font-size:.75rem}.collapse-only{display:none}
.control-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin:0}.control-buttons .secondary-button{display:grid;gap:4px;min-width:0;min-height:64px;padding:8px 5px;font-size:.72rem}.control-buttons .secondary-button::before{font-size:1rem}.control-buttons .secondary-button[aria-pressed="true"]::after{content:"On";position:absolute;top:5px;right:6px;color:var(--color-action);font-size:.52rem;letter-spacing:.06em;text-transform:uppercase}
.hint-status{width:100%;margin:-8px 0 -5px;color:var(--color-muted);font-size:.7rem;text-align:center}
.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}.number-pad button{min-height:60px;padding:6px;border:1px solid color-mix(in srgb,var(--color-moss) 45%,var(--color-border));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-celadon) 58%,var(--color-raised)),color-mix(in srgb,var(--color-celadon) 82%,var(--color-surface)));color:var(--color-text);font-family:var(--font-display);font-size:1.35rem;font-weight:650;box-shadow:inset 0 1px rgba(255,255,255,.6),0 4px 0 color-mix(in srgb,var(--color-moss) 45%,transparent),0 8px 16px rgba(32,39,34,.08);cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease),filter .14s var(--ease)}
html[data-theme="evening"] .number-pad button{color:#f1eee5}
.number-pad button:hover{filter:brightness(1.025);transform:translateY(-1px)}.number-pad button:active,.number-pad button.pad-animating{transform:translateY(3px);box-shadow:inset 0 1px rgba(255,255,255,.3),0 1px 0 color-mix(in srgb,var(--color-moss) 45%,transparent)}
.control-footer{display:flex;justify-content:space-between;gap:14px;width:100%}.shortcuts-panel{display:none;width:100%;padding:10px 12px;border-radius:10px;background:var(--color-wash);color:var(--color-muted);font-size:.75rem}.shortcuts-panel.open{display:block}.shortcuts-panel p{margin:0}
.after-game{display:grid;grid-template-columns:1.45fr .8fr;gap:18px;margin:40px 0}.content-panel{padding:27px 29px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-raised) 90%,transparent);box-shadow:var(--shadow-1)}.content-panel h2{margin:0 0 10px}.content-panel>p:not(.eyebrow){color:var(--color-muted);line-height:1.7}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-border);overflow:hidden}.feature-row div{display:grid;gap:5px;padding:15px;background:var(--color-raised)}.feature-row span{color:var(--color-muted);font-size:.78rem;line-height:1.45}.return-card{background:linear-gradient(145deg,var(--color-wash),var(--color-surface))}
.search-intro{margin:0 0 48px;background:linear-gradient(145deg,var(--color-raised),var(--color-wash))}.search-intro>p{max-width:850px}.search-intro-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:0}.search-intro-links a{font-size:.82rem;font-weight:750}
.learning-section{margin:48px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading a{font-size:.84rem;font-weight:750}.learning-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.learning-card{grid-column:span 2;display:block;min-height:190px;padding:22px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-raised);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-1);transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.learning-card.featured{grid-column:span 4;background:linear-gradient(145deg,var(--color-raised),var(--color-wash))}.learning-card span{color:var(--color-moss);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.learning-card h3{margin:18px 0 8px;font-family:var(--font-display);font-size:1.5rem}.learning-card p{margin:0;color:var(--color-muted);font-size:.9rem}.learning-card:hover{transform:translateY(-3px);border-color:var(--color-moss);box-shadow:var(--shadow-2)}

/* Overlays */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(20,25,21,.5);backdrop-filter:blur(8px);opacity:0}.modal[aria-hidden="false"]{display:flex;animation:fadeIn .2s ease forwards}.modal-content{position:relative;width:min(460px,94vw);max-height:90vh;overflow:auto;padding:34px;border:1px solid var(--color-border);border-radius:26px;background:var(--color-raised);box-shadow:0 28px 80px rgba(0,0,0,.24);text-align:center;animation:sheetIn .34s var(--ease)}.modal-content h2{margin:4px 0 10px}.modal-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--color-muted);font-size:0;cursor:pointer}.modal-close::before{content:"×";font-size:1.6rem;line-height:1}.modal-close:hover{background:var(--color-wash);color:var(--color-text)}.difficulty-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.archive-content{width:min(620px,94vw)}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.archive-day{justify-content:space-between;border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.8rem}.archive-day small{color:var(--color-muted)}.archive-day.is-complete::after{content:"✓";color:var(--color-action);font-weight:800}.completion-mark{margin:0;color:var(--color-moss);font-family:var(--font-display);font-size:3rem}.completion-haiku{color:var(--color-muted);font-family:var(--font-display);font-size:1.2rem;font-style:italic}.completion-actions{display:flex;justify-content:center;gap:9px;margin-top:20px}.fab-button{position:fixed;right:18px;bottom:18px;z-index:20;min-height:48px;padding:10px 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-action);color:var(--color-raised);box-shadow:var(--shadow-2)}
.account-dialog-content{width:min(500px,94vw);padding:44px 38px 36px}.account-dialog-content>p:not(.eyebrow){color:var(--color-muted)}.google-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:50px;margin-top:13px;padding:11px 18px;border:1px solid #c8cbc8;border-radius:12px;background:#fff;color:#202124;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.1);cursor:pointer}.google-button:hover{background:#f8f9fa;transform:translateY(-1px)}.google-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#4285f4;font-size:1.15rem;font-weight:800}.account-privacy-note{margin:18px 0 0;font-size:.75rem;line-height:1.55}.save-progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:24px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-wash);text-align:left}.save-progress-card>div{display:grid;gap:2px}.save-progress-card strong{font-family:var(--font-display);font-size:1.1rem}.save-progress-card span{color:var(--color-muted);font-size:.76rem}.save-progress-card .primary-button{font-size:.75rem}.account-toast{position:fixed;right:20px;bottom:20px;z-index:150;max-width:360px;padding:13px 17px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-raised);box-shadow:var(--shadow-2);color:var(--color-text);font-size:.82rem;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s var(--ease)}.account-toast.is-visible{opacity:1;transform:none}.sync-state{color:var(--color-muted);font-size:.7rem}.sync-state::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--color-moss)}.sync-offline::before,.sync-error::before{background:var(--color-clay)}.sync-syncing::before{animation:pulse 1s ease infinite}

/* Private account profile */
.profile-page{width:min(100%,1060px);margin:34px auto 56px}.profile-loading{display:grid;justify-items:center;padding:80px 20px;color:var(--color-muted)}.profile-signin{width:min(100%,680px);margin:70px auto;padding:clamp(28px,6vw,64px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--color-raised),var(--color-wash));box-shadow:var(--shadow-2);text-align:center}.profile-signin p:not(.eyebrow){color:var(--color-muted)}.profile-signin .google-button{max-width:360px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--color-raised),var(--color-wash));box-shadow:var(--shadow-1)}.profile-identity{display:flex;align-items:center;gap:18px}.profile-avatar{display:grid;place-items:center;width:72px;height:72px;flex:0 0 auto;border:2px solid var(--color-raised);border-radius:50%;background:var(--color-celadon);color:var(--color-action);font-family:var(--font-display);font-size:2rem;box-shadow:0 0 0 1px var(--color-border),var(--shadow-1);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity h2{margin:2px 0 3px;font-size:clamp(2rem,4vw,3rem)}.profile-identity p{margin:0;color:var(--color-muted)}.profile-sync{display:grid;justify-items:end;gap:9px}.profile-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.profile-stat-grid article{display:grid;gap:2px;padding:20px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-raised);box-shadow:var(--shadow-1)}.profile-stat-grid strong{font-family:var(--font-display);font-size:1.8rem}.profile-stat-grid span{color:var(--color-muted);font-size:.7rem}.profile-section{margin-top:16px;padding:25px 27px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-raised);box-shadow:var(--shadow-1)}.profile-section .section-heading{margin-bottom:14px}.profile-section .section-heading h2{font-size:1.65rem}.profile-two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.profile-active-games{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.active-game-card{display:grid;gap:6px;padding:17px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);text-decoration:none}.active-game-card:hover{border-color:var(--color-moss);background:var(--color-wash)}.active-game-card small{color:var(--color-muted)}.difficulty-stat-list{display:grid;gap:1px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-border);overflow:hidden}.difficulty-stat-list>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 14px;background:var(--color-surface);text-transform:capitalize}.difficulty-stat-list small{min-width:72px;color:var(--color-muted);text-align:right}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.achievement-card{display:flex;gap:10px;padding:13px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface);opacity:.62}.achievement-card.is-unlocked{background:var(--color-wash);opacity:1}.achievement-card>span{color:var(--color-moss);font-family:var(--font-display);font-size:1.4rem}.achievement-card div{display:grid;gap:2px}.achievement-card p,.achievement-card small{margin:0;color:var(--color-muted);font-size:.68rem}.recent-activity{display:grid}.recent-activity>div{display:grid;grid-template-columns:1fr auto 80px;align-items:center;gap:14px;padding:11px 4px;border-bottom:1px solid var(--color-border)}.recent-activity>div:last-child{border:0}.recent-activity div div{display:grid}.recent-activity span,.recent-activity small{color:var(--color-muted);font-size:.72rem}.recent-activity>div>span{color:var(--color-text);font-weight:750}.empty-state{color:var(--color-muted)}.account-settings{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-settings h2{margin:3px 0 8px}.account-settings p:not(.eyebrow){max-width:650px;color:var(--color-muted)}.account-settings-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.danger-button{color:var(--color-error)}.danger-primary{background:var(--color-error);border-color:var(--color-error);color:#fff}.delete-account-content{text-align:left}.delete-account-content label{display:block;margin:20px 0 6px;font-size:.8rem}.delete-account-content input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.form-status{min-height:1.4em;color:var(--color-error);font-size:.76rem}
.texture-settings .section-heading p:last-child{margin:6px 0 0;color:var(--color-muted)}.texture-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.texture-option{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:2px 13px;align-items:center;min-height:86px;padding:12px;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.texture-option:hover{border-color:var(--color-moss);background:var(--color-wash)}.texture-option[aria-pressed="true"]{border-color:var(--color-action);box-shadow:inset 0 0 0 1px var(--color-action);background:var(--color-wash)}.texture-option strong{align-self:end}.texture-option small{align-self:start;color:var(--color-muted);font-size:.66rem}.texture-preview{grid-row:1/3;width:58px;height:58px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-canvas)}.texture-preview-paper{background-image:url('assets/paper-grain.svg');background-size:90px}.texture-preview-sand{background-image:url('assets/raked-sand.svg');background-size:160px}.texture-preview-contours{background-image:url('assets/garden-contours.svg');background-size:150px}.texture-preview-ink-pine{background:var(--color-wash) url('assets/ink-pine.svg') right bottom/125px 125px no-repeat}
.loading-overlay{position:absolute;inset:0;z-index:8;display:none;place-items:center;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-canvas) 74%,transparent);backdrop-filter:blur(4px)}.loading-overlay[aria-hidden="false"]{display:grid}.loading-card{display:grid;justify-items:center;gap:10px;padding:20px 24px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-raised);box-shadow:var(--shadow-2)}.loading-label{margin:0;color:var(--color-muted);font-size:.82rem}.spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-action);border-radius:50%;animation:spin .8s linear infinite}

/* Editorial and legacy page families */
.content-main{width:min(100%,1060px);margin:34px auto 56px}.article-card,.techniques-hero,.puzzle-hero,.sounds-hero,.sound-notes{padding:clamp(24px,5vw,54px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-raised);box-shadow:var(--shadow-1)}
.article-card{width:min(100%,820px);margin-inline:auto}.article-card>h1:first-of-type,.techniques-hero h1,.puzzle-hero h1,.sounds-hero h1{margin:0 0 16px}.article-card p,.article-card li{color:var(--color-muted);line-height:1.78}.article-card h2{margin:42px 0 12px}.article-card h3{margin:27px 0 8px}.highlight-box,.pro-tip,.faq-block{margin:16px 0;padding:18px 20px;border-left:3px solid var(--color-moss);border-radius:0 14px 14px 0;background:var(--color-wash)}.highlight-box h3{margin-top:0}.technique-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.step-list{counter-reset:steps;list-style:none;padding:0}.step-list li{position:relative;counter-increment:steps;margin:8px 0;padding:14px 16px 14px 50px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.step-list li::before{content:counter(steps);position:absolute;left:14px;top:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--color-celadon);color:var(--color-text);font-weight:800}.see-also{display:flex;flex-wrap:wrap;gap:7px}.see-also a,.pill{display:inline-flex;padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-moss);font-size:.72rem;font-weight:750;text-decoration:none}.cta-block{margin-top:30px;padding:22px;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(145deg,var(--color-wash),var(--color-surface))}
.techniques-hero,.puzzle-hero,.sounds-hero{margin-bottom:18px;background:linear-gradient(145deg,var(--color-raised),var(--color-wash))}.hero-lede{max-width:720px;color:var(--color-muted);font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.hero-meta,.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.technique-grid,.puzzle-grid,.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.technique-card,.puzzle-card,.sound-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-raised);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-1);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.technique-card:hover,.puzzle-card:hover,.sound-card:hover{transform:translateY(-3px);border-color:var(--color-moss);box-shadow:var(--shadow-2)}.technique-card h2,.puzzle-card h2{margin:4px 0 10px;font-size:1.45rem}.technique-card p,.puzzle-card p,.sound-description{color:var(--color-muted)}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;color:var(--color-muted);font-size:.75rem}
.puzzle-page{width:min(100%,1120px);margin:34px auto}.puzzle-grid{grid-template-columns:repeat(4,1fr)}.puzzle-card{padding:0;overflow:hidden}.puzzle-thumb{aspect-ratio:1/.76;padding:13px;background:var(--color-wash);overflow:hidden}.puzzle-thumb img{width:100%;height:100%;object-fit:contain;border-radius:8px;filter:saturate(.72) contrast(.96)}.puzzle-body{display:flex;flex:1;flex-direction:column;padding:17px}.puzzle-body h3{margin:0 0 8px}.puzzle-meta,.puzzle-label{color:var(--color-muted);font-size:.74rem}.puzzle-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:14px}.puzzle-links .primary-button,.puzzle-links .secondary-button{flex:1;min-height:39px;padding:8px;font-size:.72rem}
.sounds-page{width:min(100%,1060px);margin:34px auto}.sound-grid{grid-template-columns:repeat(2,1fr)}.sound-card{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start;gap:20px;padding:18px}.sound-cover img{width:100%;height:190px;min-height:0;object-fit:cover;border-radius:13px;box-shadow:var(--edge)}.sound-card:first-child .sound-cover img{object-position:left center}.sound-body{display:flex;flex-direction:column;min-width:0}.sound-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sound-title-row h3{margin:0;font-family:var(--font-display);font-size:1.45rem}.sound-duration{color:var(--color-muted);font-size:.72rem}.sound-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7}.audio-actions,.playback-controls,.timer-controls{display:flex;flex-wrap:wrap;gap:7px}.audio-actions{margin-top:auto;padding-top:12px}.audio-actions>audio{display:none}.timer-row{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}.timer-select{min-height:40px;padding:8px 30px 8px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.timer-select-label,.timer-status,.timer-readout{color:var(--color-muted);font-size:.74rem}.sound-notes{margin-top:18px}.icon-badge{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--color-raised);border-radius:999px;background:var(--color-clay);color:#fff;font-size:.55rem;font-weight:800}
.timer-disclosure{margin-top:9px}.timer-controls{width:100%}

/* Motion */
@keyframes fadeIn{to{opacity:1}}@keyframes sheetIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25}}
@keyframes hintWash{0%{box-shadow:inset 0 0 0 2px var(--color-action)}45%{background:var(--color-celadon);box-shadow:inset 0 0 0 4px var(--color-action)}100%{box-shadow:inset 0 0 0 2px var(--color-action)}}
@keyframes cellComplete{0%{background:var(--color-board)}35%{background:var(--color-celadon)}100%{background:var(--color-board)}}
.sudoku-grid.is-completing .sudoku-cell{animation:cellComplete .8s var(--ease);animation-delay:calc((var(--cell-row,0) + var(--cell-col,0)) * 35ms)}
.confetti-container{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-24px;width:10px;height:16px;border-radius:90% 10% 80% 20%;opacity:.78;animation:leafFall 1.35s var(--ease) forwards}@keyframes leafFall{to{transform:translate3d(24px,105vh,0) rotate(420deg);opacity:0}}
@media (prefers-reduced-motion:no-preference){.daily-heading,.game-status-strip,.game-layout{animation:sheetIn .55s var(--ease) both}.game-status-strip{animation-delay:.06s}.game-layout{animation-delay:.12s}}

@media (max-width:1080px){
  .page-shell{width:min(100% - 24px,1040px)}.site-header{gap:12px}.logo{width:185px}.site-nav{gap:0}.nav-link{padding-inline:7px;font-size:.74rem}.main-layout{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.board-container,.board-outer{width:min(540px,54vw);height:min(540px,54vw);padding:15px}.puzzle-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:850px){
  .site-header{grid-template-columns:1fr auto}.nav-toggle,.appearance-toggle{display:inline-flex}.header-left{min-width:0}.logo{width:190px}.site-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-raised);box-shadow:var(--shadow-2)}.site-nav.open{display:flex}.site-nav .nav-link{padding:12px;font-size:.86rem}.site-nav .nav-link[aria-current="page"]::after{display:none}.site-header>.header-info{justify-self:end}.main-layout{grid-template-columns:minmax(0,1fr) 300px}.board-container,.board-outer{width:min(520px,57vw);height:min(520px,57vw)}.sound-card{grid-template-columns:125px 1fr}.technique-grid,.sound-grid{grid-template-columns:1fr}.puzzle-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-grid{grid-template-columns:repeat(3,1fr)}.profile-two-column{grid-template-columns:1fr}
}
@media (max-width:700px){
  .page-shell,.home-page .page-shell{width:min(100% - 16px,680px);padding-top:6px}.site-header{min-height:60px;padding:4px 1px 8px}.header-left{gap:5px}.header-left>a:has(.logo){display:block;width:48px;overflow:hidden}.header-left>a .logo{width:176px;max-width:none}.header-left>.logo{width:132px}.header-info{gap:5px}.header-info>.primary-button,#difficultyLabel{display:none}.info-chip{min-width:58px;min-height:38px;padding:7px;font-size:.7rem}.icon-button,.appearance-toggle,.nav-toggle{width:40px;height:40px;min-height:40px}.account-trigger{width:40px;min-height:40px;padding:0;border-radius:50%}.account-trigger span:last-child{display:none}.daily-heading{display:block;padding:18px 3px 10px}.daily-heading h1{font-size:2rem}.daily-deck{font-size:.84rem;line-height:1.45}.mode-switch{margin-top:12px}.mode-button{flex:1}.game-status-strip{gap:8px;margin-inline:2px}.game-status-strip>div{display:grid;gap:0;padding-right:8px}.status-value{font-size:1rem}.status-label{font-size:.6rem}.share-button{min-height:38px;padding:7px;font-size:.7rem}.main-layout,.game-layout{display:grid;grid-template-columns:1fr;gap:8px}.game-layout .board-panel{order:1}.board-container,.board-outer{width:min(94vw,500px);height:min(94vw,500px);padding:8px;border-radius:21px}.board-inner,.sudoku-frame{border-radius:13px}.sudoku-cell{font-size:clamp(.95rem,5vw,1.3rem)}.game-layout .controls-panel{order:2;gap:8px;padding:9px;border-radius:18px}.controls-header{display:none}.control-buttons{gap:4px}.control-buttons .secondary-button{display:flex;min-height:44px;padding:5px 3px;font-size:.7rem}.number-pad{grid-template-columns:repeat(9,1fr);gap:3px}.number-pad button{min-width:0;min-height:44px;padding:1px;border-radius:8px;font-family:var(--font-ui);font-size:.88rem;box-shadow:inset 0 1px rgba(255,255,255,.5),0 2px 0 color-mix(in srgb,var(--color-moss) 45%,transparent)}.control-footer{justify-content:center;gap:20px}.after-game{grid-template-columns:1fr;gap:10px;margin-top:28px}.content-panel{padding:21px 18px}.feature-row{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr}.learning-card,.learning-card.featured{grid-column:auto;min-height:0}.section-heading{display:block}.section-heading a{display:inline-block;margin-top:7px}.site-footer{display:grid;justify-items:start;margin-top:35px}.content-main,.puzzle-page,.sounds-page{margin-top:20px}.article-card,.techniques-hero,.puzzle-hero,.sounds-hero,.sound-notes{padding:24px 18px;border-radius:18px}.technique-meta{grid-template-columns:1fr}.puzzle-grid{grid-template-columns:1fr}.sound-card{grid-template-columns:110px 1fr}.archive-grid{grid-template-columns:1fr}.modal-content{padding:30px 20px}.difficulty-options{grid-template-columns:1fr}.save-progress-card{grid-template-columns:1fr}.profile-page{margin-top:20px}.profile-hero,.account-settings{display:grid;padding:23px 19px}.profile-sync{justify-items:start}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-active-games{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.profile-section{padding:21px 18px}.recent-activity>div{grid-template-columns:1fr auto}.recent-activity>div>small{display:none}.account-settings-actions{white-space:normal}
}
@media(max-width:480px){.home-page .appearance-toggle,.home-page #soundToggle{display:none}.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-stat-grid article:last-child{grid-column:1/-1}.profile-identity{align-items:flex-start}.profile-avatar{width:56px;height:56px}.account-menu{position:fixed;top:70px;right:8px}.completion-actions{flex-wrap:wrap}}
@media(max-width:480px){.number-pad{grid-template-columns:repeat(5,1fr);gap:4px}.number-pad button{min-height:44px}.verification-note{font-size:.62rem}}
@media(max-width:700px){.texture-options{grid-template-columns:1fr}.hint-status{margin:-2px 0 1px}}
@media (max-width:390px) and (max-height:760px){.daily-deck,.game-status-strip .status-label{display:none}.daily-heading{padding-top:7px}.daily-heading h1{font-size:1.65rem}.game-status-strip{padding-block:6px;margin-bottom:6px}.board-container,.board-outer{width:min(86vw,380px);height:min(86vw,380px)}.control-footer{display:none}.number-pad button{min-height:40px}.control-buttons .secondary-button{min-height:40px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media print{body::before,.page-background,.site-header,.site-footer,.header-info{display:none!important}.page-shell{width:100%;padding:0}.article-card,.puzzle-card{box-shadow:none}}

.analytics-consent{position:fixed;z-index:1000;right:18px;bottom:18px;display:grid;grid-template-columns:minmax(0,480px) auto;gap:20px;align-items:center;max-width:min(920px,calc(100% - 36px));padding:20px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-raised);box-shadow:0 18px 60px rgba(20,30,25,.25)}
.analytics-consent strong{font-family:var(--font-display);font-size:1.2rem}.analytics-consent p{margin:5px 0 0;color:var(--color-muted);font-size:.82rem;line-height:1.5}.analytics-consent-actions{display:flex;gap:8px}.footer-settings-button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.footer-settings-button:hover{text-decoration:underline}
.analytics-consent--choices{display:block;right:50%;bottom:50%;width:min(620px,calc(100% - 32px));max-width:none;transform:translate(50%,50%);padding:26px}.privacy-choice-heading{margin-bottom:17px}.privacy-choice-list{display:grid;gap:8px}.privacy-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--color-border);border-radius:13px;background:var(--color-wash)}.privacy-choice strong{font-family:var(--font-display);font-size:.98rem}.privacy-choice p{max-width:470px;margin:3px 0 0;font-size:.76rem}.privacy-choice-state{flex:none;color:var(--color-muted);font-size:.72rem;font-weight:700}.privacy-choice-toggle{position:relative;display:block;flex:none;width:44px;height:26px}.privacy-choice-toggle input{position:absolute;opacity:0}.privacy-choice-toggle span{display:block;width:44px;height:26px;border-radius:999px;background:var(--color-border);transition:.2s var(--ease)}.privacy-choice-toggle span::after{content:"";display:block;width:20px;height:20px;margin:3px;border-radius:50%;background:var(--color-raised);box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.2s var(--ease)}.privacy-choice-toggle input:checked+span{background:var(--color-moss)}.privacy-choice-toggle input:checked+span::after{transform:translateX(18px)}.privacy-choice-toggle input:focus-visible+span{outline:2px solid var(--color-action);outline-offset:3px}.analytics-consent--choices .analytics-consent-actions{justify-content:flex-end;margin-top:18px}
@media(max-width:600px){.analytics-consent{left:8px;right:8px;bottom:8px;grid-template-columns:1fr;max-width:none}.analytics-consent--choices{width:auto;transform:none}.analytics-consent-actions{flex-wrap:wrap}}
@media print{.analytics-consent{display:none!important}}

/* Learn editorial path */
.learn-preview{position:relative}.learn-preview-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:stretch;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-raised),var(--color-wash));box-shadow:var(--shadow-2)}.learn-preview-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(26px,5vw,54px)}.learn-preview-copy h2{max-width:520px;margin:0 0 13px;font-size:clamp(2rem,4vw,3.3rem)}.learn-preview-copy>p:not(.eyebrow){max-width:560px;margin:0;color:var(--color-muted);font-family:var(--font-display);font-size:1.18rem;line-height:1.55}.learn-preview-hero img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}.learn-route{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:24px 0 26px;color:var(--color-muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.learn-route span{padding:7px 10px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-raised) 78%,transparent)}.learn-route span.is-current{border-color:var(--color-moss);background:var(--color-celadon);color:var(--color-text)}.learn-route i{width:22px;height:1px;background:var(--color-clay)}.learn-section-heading{margin-top:44px}.learning-card{position:relative;overflow:hidden}.learning-card::before{content:"";position:absolute;right:-26px;top:-34px;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--color-moss) 32%,transparent);border-radius:50%;opacity:.7}.learning-card h3,.learning-card p,.learning-card span{position:relative;z-index:1}.learning-card b{display:inline-flex;position:relative;z-index:1;margin-top:14px;color:var(--color-moss);font-size:.72rem}.learning-card.is-complete{border-color:var(--color-moss);background:linear-gradient(145deg,var(--color-raised),var(--color-wash))}.learning-card.is-complete::after{content:"";position:absolute;right:14px;bottom:12px;width:8px;height:8px;border-radius:50%;background:var(--color-clay)}
.learn-path-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);align-items:stretch;overflow:hidden;padding:0!important;background:linear-gradient(135deg,var(--color-raised),var(--color-wash))}.learn-path-copy{padding:clamp(27px,5vw,52px)}.learn-path-copy h1{margin:0 0 16px}.learn-path-art{min-height:300px;background:var(--color-celadon)}.learn-path-art img{display:block;width:100%;height:100%;object-fit:cover}.learn-path-hero--advanced .learn-path-art{background:color-mix(in srgb,var(--color-clay) 22%,var(--color-wash))}.learn-stage-bar{display:flex;align-items:center;gap:11px;margin:20px 0 36px;padding:11px 14px;border-block:1px solid var(--color-border);color:var(--color-muted);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.learn-stage-bar a{color:inherit;text-decoration:none}.learn-stage-bar a:hover,.learn-stage-bar a.is-current{color:var(--color-text)}.learn-stage-bar a.is-current{color:var(--color-action)}.learn-stage-bar>span{width:34px;height:1px;background:var(--color-clay);opacity:.65}.learn-category-block{margin-top:38px}.learn-category-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:17px}.learn-category-heading h2{margin:0}.learn-category-heading>p{max-width:370px;margin:0;color:var(--color-muted);font-size:.84rem}.learn-category-block .technique-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.learn-category-block .technique-card{grid-column:span 2}.technique-card-art{display:grid;place-items:center;min-height:130px;margin:-22px -22px 19px;overflow:hidden;background:linear-gradient(145deg,var(--color-wash),var(--color-surface));border-bottom:1px solid var(--color-border)}.technique-card-art img{width:100%;height:130px;object-fit:cover;mix-blend-mode:multiply}.technique-card-art--ritual,.technique-card-art--next{font-family:var(--font-display);font-size:4rem;color:var(--color-moss);background:linear-gradient(145deg,var(--color-celadon),var(--color-wash))}.technique-card-art--next{color:var(--color-clay);background:linear-gradient(145deg,var(--color-wash),color-mix(in srgb,var(--color-clay) 18%,var(--color-raised)))}
.technique-detail-page .page-shell{width:min(100% - 32px,1120px)}.technique-detail-page .article-card{position:relative}.technique-visual-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:20px;margin:0 0 30px;padding:16px;border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(135deg,var(--color-wash),var(--color-raised))}.technique-visual-hero img{width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply}.technique-visual-hero figcaption{color:var(--color-muted);font-family:var(--font-display);font-size:1.1rem;line-height:1.4}.learn-complete-button{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:9px 13px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-action);font-size:.76rem;font-weight:750;cursor:pointer}.learn-complete-button:hover,.learn-complete-button.is-complete{border-color:var(--color-moss);background:var(--color-celadon);color:var(--color-text)}.learn-complete-button>span:first-child{display:grid;place-items:center;width:19px;height:19px;border:1px solid currentColor;border-radius:50%;font-size:.7rem}.guide-hero .learn-complete-button{display:flex}
@media(max-width:850px){.learn-preview-hero,.learn-path-hero{grid-template-columns:1fr}.learn-preview-hero img,.learn-path-art{min-height:220px;max-height:300px}.learn-preview-copy{padding-bottom:32px}.learn-category-block .technique-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-category-block .technique-card{grid-column:span 1}.learn-category-heading{display:block}.learn-category-heading>p{margin-top:8px}.technique-visual-hero{grid-template-columns:1fr}.technique-visual-hero img{height:190px}}
@media(max-width:600px){.learn-preview-hero img,.learn-path-art{min-height:190px;max-height:230px}.learn-route{gap:5px;margin-block:19px 22px;font-size:.59rem}.learn-route i{width:12px}.learn-stage-bar{overflow:auto;white-space:nowrap;margin-bottom:28px}.learn-category-block .technique-grid{grid-template-columns:1fr}.learn-category-block .technique-card{grid-column:auto}.technique-card-art{min-height:150px}.technique-card-art img{height:150px}.technique-visual-hero{margin-inline:-4px}.technique-detail-page .article-card{padding:24px 18px}}

/* Homepage garden pathways */
.home-progress-section{margin:28px 0 62px}.home-progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:25px 30px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--color-wash),var(--color-raised));box-shadow:var(--shadow-1)}.home-progress-card h2{margin:0 0 8px;font-size:clamp(1.45rem,2.4vw,2rem)}.home-progress-card p:not(.eyebrow){max-width:690px;margin:0;color:var(--color-muted);font-size:.88rem;line-height:1.6}.home-progress-card .eyebrow{margin-bottom:5px}.home-progress-card--member{background:linear-gradient(120deg,var(--color-raised),color-mix(in srgb,var(--color-celadon) 48%,var(--color-raised)))}.home-progress-card .primary-button{white-space:nowrap}.home-pathways{margin:0 0 62px}.home-section-heading{align-items:end;margin-bottom:22px}.home-section-heading>p{max-width:340px;margin:0;color:var(--color-muted);font-family:var(--font-display);font-size:1.05rem;line-height:1.45}.home-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.home-path-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-raised);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-1);transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.home-path-card:hover{transform:translateY(-4px);border-color:var(--color-moss);box-shadow:var(--shadow-2)}.home-path-art{height:142px;overflow:hidden;background:var(--color-wash);border-bottom:1px solid var(--color-border)}.home-path-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.home-path-card:hover .home-path-art img{transform:scale(1.035)}.home-path-card--learn .home-path-art img{object-position:center 42%}.home-path-card--print .home-path-art{display:grid;place-items:center;padding:16px;background:linear-gradient(145deg,var(--color-wash),var(--color-surface))}.home-path-card--print .home-path-art img{width:112px;height:112px;box-shadow:0 8px 16px rgba(32,39,34,.13)}.home-path-card--sounds .home-path-art{background:var(--color-celadon)}.home-path-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 18px 20px}.home-path-label{color:var(--color-moss);font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-path-body h3{margin:11px 0 7px;font-family:var(--font-display);font-size:1.45rem;line-height:1.08}.home-path-body p{margin:0;color:var(--color-muted);font-size:.82rem;line-height:1.5}.home-path-link{margin-top:auto;padding-top:18px;color:var(--color-action);font-size:.73rem;font-weight:800}.home-journal-section{margin-top:0}.home-journal-grid{grid-template-columns:repeat(6,1fr)}.home-journal-grid .learning-card,.home-journal-grid .learning-card.featured{grid-column:span 2;min-height:205px}.home-journal-grid .learning-card h3{font-size:1.3rem}.home-journal-grid .learning-card[data-journal-latest-card]{background:linear-gradient(145deg,var(--color-raised),var(--color-wash))}
.home-faq{margin:48px 0 62px}.home-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-faq details{padding:19px 20px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-raised);box-shadow:var(--shadow-1)}.home-faq summary{font-family:var(--font-display);font-size:1.08rem;font-weight:650;cursor:pointer}.home-faq details p{margin:13px 0 0;color:var(--color-muted);font-size:.82rem;line-height:1.6}
@media(max-width:1000px){.home-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-path-art{height:170px}}
@media(max-width:700px){.home-progress-section{margin:22px 0 44px}.home-progress-card{grid-template-columns:1fr;gap:15px;padding:22px 19px}.home-progress-card .primary-button{justify-self:start}.home-pathways{margin-bottom:44px}.home-section-heading>p{margin-top:10px;font-size:.98rem}.home-path-grid{grid-template-columns:1fr;gap:10px}.home-path-card{display:grid;grid-template-columns:110px 1fr}.home-path-art{height:100%;min-height:158px;border-bottom:0;border-right:1px solid var(--color-border)}.home-path-card--print .home-path-art{padding:13px}.home-path-card--print .home-path-art img{width:82px;height:82px}.home-path-body{padding:16px 15px 17px}.home-path-body h3{font-size:1.3rem}.home-path-link{padding-top:13px}.home-journal-grid,.home-faq-grid{grid-template-columns:1fr}.home-journal-grid .learning-card,.home-journal-grid .learning-card.featured{grid-column:auto;min-height:0}.home-journal-grid .learning-card h3{font-size:1.4rem}}

/* Ink tree responsive treatment */
@media(max-width:1199px){.page-background::after{right:-75px;bottom:-55px;width:min(62vw,620px);height:min(84vh,760px)}}
@media(max-width:850px){.page-background::after{right:-95px;bottom:-35px;width:min(60vw,500px);height:min(75vh,620px);opacity:.05}html[data-texture="ink-pine"] .page-background::after{opacity:.095}html[data-theme="evening"] .page-background::after{opacity:.035}html[data-theme="evening"][data-texture="ink-pine"] .page-background::after{opacity:.07}.texture-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-background::after{right:-105px;bottom:-24px;width:320px;height:430px;opacity:.038}html[data-texture="ink-pine"] .page-background::after{opacity:.075}html[data-theme="evening"] .page-background::after{opacity:.028}html[data-theme="evening"][data-texture="ink-pine"] .page-background::after{opacity:.058}.texture-options{grid-template-columns:1fr}}
@media(max-width:480px){.page-background::after{right:-118px;bottom:-15px;width:245px;height:330px;opacity:.028}html[data-texture="ink-pine"] .page-background::after{opacity:.058}html[data-theme="evening"] .page-background::after{opacity:.02}html[data-theme="evening"][data-texture="ink-pine"] .page-background::after{opacity:.045}}
@media(prefers-reduced-motion:reduce){.page-background{transition:none}}