:root{--color-paper:#f3efe6;--color-paper-light:#fbf8f2;--color-paper-dark:#d9d3c7;--color-ink:#1d1b1a;--color-graphite:#5e5952;--color-pink:#ff4fa3;--color-green:#00a35c;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Bricolage Grotesque", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--text-xs:12px;--text-sm:14px;--text-md:17px;--text-lg:21px;--text-xl:30px;--text-2xl:40px;--text-3xl:62px;--text-4xl:96px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:.9;--leading-snug:1.2;--leading-body:1.55;--tracking-display:-.03em;--tracking-label:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:3px;--radius-md:6px;--radius-pill:999px;--border-width:2px;--border-locked:2px dotted var(--color-graphite);--misregister-x:4px;--misregister-y:4px;--grain:radial-gradient(var(--color-graphite) .9px, transparent 1.2px) 0 0 / 7px 7px;--touch-min:44px}*,:before,:after{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit}:focus-visible{outline:var(--border-width) solid var(--color-ink);outline-offset:var(--space-1)}.cal{max-width:1120px;padding:var(--space-5) var(--space-4) var(--space-12);margin:0 auto}.cal__bar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wordmark{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0}.cal__nav{gap:var(--space-2);display:flex}.cal__lede{margin:var(--space-4) 0 var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-graphite)}.pill{min-height:var(--touch-min);padding:0 var(--space-4);align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.badge{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-pink);font-size:var(--text-xs)}.avatar{width:var(--touch-min);height:var(--touch-min);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-green);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer}.grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.grid{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr))}}.tile{aspect-ratio:1;border-radius:var(--radius-md);width:100%;font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:relative;overflow:hidden}.tile__num,.tile__ghost{font-size:var(--text-3xl)}.tile__ghost{color:var(--color-pink);mix-blend-mode:multiply;transform:translate(var(--misregister-x), var(--misregister-y));position:absolute}.tile__num{position:relative}.tile__label{bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:0;position:absolute}.tile--openable{background:var(--color-pink)}.tile--today{background:var(--color-green);border:var(--border-width) solid var(--color-ink)}.tile--today .tile__ghost{mix-blend-mode:normal}.tile--locked{border:var(--border-locked);color:var(--color-graphite);font-weight:var(--weight-bold);cursor:default;background:0 0}.tile--locked .tile__num{font-size:var(--text-2xl)}.tile--opened{background:var(--grain), var(--color-paper-dark)}.tile__cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile__badge{top:var(--space-1);left:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-paper);font-size:var(--text-sm);position:absolute}@media (hover:hover){.tile:not(:disabled):hover{outline:var(--border-width) solid var(--color-ink);outline-offset:calc(-1 * var(--border-width))}}.sheet{z-index:10;background:var(--color-paper);position:fixed;inset:0;overflow-y:auto}.sheet__bar{padding:var(--space-4) var(--space-4) 0;justify-content:flex-end;display:flex}.sheet__body{max-width:1040px;padding:0 var(--space-4) var(--space-12);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.stage{--stage-reserve:calc(var(--touch-min) + var(--space-4) + var(--space-6) + var(--space-16));width:min(100%, calc((100svh - var(--stage-reserve)) * var(--stage-ratio)));margin-inline:auto;position:relative}.stage__scene{position:absolute;inset:0}.stage__booklet{position:absolute}.stage__flat{border:var(--border-width) solid var(--color-ink);background:var(--color-pink);position:absolute;inset:0}@media (width>=900px){.booklet{padding:var(--space-4)}}.booklet{gap:var(--space-3);height:100%;padding:var(--space-3);background:var(--color-paper-light);font-size:var(--text-sm);line-height:var(--leading-body);flex-direction:column;display:flex}.booklet p,.booklet h3{margin:0}.booklet__intro{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.booklet--paged{perspective:900px;background:0 0;padding:0;position:relative}.page{gap:var(--space-3);padding:var(--space-3);background:var(--color-paper-light);backface-visibility:hidden;transform-origin:0;flex-direction:column;display:flex;position:absolute;inset:0}.page__text,.page__list{scrollbar-width:thin;flex:1;min-height:0;margin:0;overflow-y:auto}.page__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-graphite)}.page__list{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.page__turn{min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-pink);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;align-self:flex-end}.page--back .page__turn{background:0 0;align-self:flex-start}.booklet__reviews{align-items:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) dotted var(--color-ink);flex-shrink:0;display:flex}.booklet__slot{min-width:0;height:calc(var(--space-16) + var(--space-3));flex:1;position:relative;overflow:hidden}.booklet__card{position:absolute;inset:auto 0 0}.booklet__next{min-width:var(--touch-min);min-height:var(--touch-min);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-graphite);cursor:pointer;background:0 0;border:none;flex-shrink:0}.review__quote:not(.review__quote--full){-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.review__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-graphite)}.review__meta a{color:var(--color-ink)}.review__score{white-space:nowrap}.review--friend{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-green);align-items:flex-start;display:flex}.review--friend .review__meta{color:var(--color-ink)}.review__avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-paper-light);font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info{gap:var(--space-5);display:grid}@media (width>=900px){.info{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.info p,.info h2{margin:0}.info__head,.info__side{gap:var(--space-3);flex-direction:column;display:flex}.info__day{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-graphite)}.info__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-snug)}.info__artist{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-pink)}.tag:nth-child(3n+2){background:var(--color-green)}.tag:nth-child(3n){box-shadow:inset 0 0 0 var(--border-width) var(--color-ink);background:0 0}.scores{gap:var(--space-3);padding:var(--space-3) 0;border-block:var(--border-width) dotted var(--color-ink);font-family:var(--font-mono);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.scores dt{font-size:var(--text-xs);color:var(--color-graphite)}.scores dd{font-size:var(--text-lg);margin:0}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn{min-height:var(--touch-min);padding:0 var(--space-5);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);cursor:pointer;background:0 0}.btn--primary{background:var(--color-pink)}.btn--friends{background:var(--color-green)}.btn--block{width:100%}.btn:disabled,.link:disabled{opacity:.6;cursor:default}.field{min-height:var(--touch-min);width:100%;padding:0 var(--space-3);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-light);color:var(--color-ink);font:inherit}.field--code{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:var(--tracking-label)}.link{min-height:var(--touch-min);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.status{justify-content:center;align-items:center;gap:var(--space-4);min-height:100svh;font-family:var(--font-mono);font-size:var(--text-sm);flex-direction:column;margin:0;display:flex}.toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:20;max-width:28rem;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-pink);margin:0 auto;position:fixed}.account{position:relative}.account__menu{right:0;top:calc(100% + var(--space-2));z-index:5;min-width:14rem;padding:var(--space-3);gap:var(--space-3);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-light);flex-direction:column;display:flex;position:absolute}.account__email{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-graphite);overflow-wrap:anywhere;margin:0}.login{max-width:1120px;min-height:100svh;padding:var(--space-12) var(--space-4);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}@media (width>=900px){.login{justify-content:space-between;align-items:center;gap:var(--space-16);flex-direction:row}}.login__brand{gap:var(--space-4);flex-direction:column;display:flex}.login__mark{isolation:isolate;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);color:var(--color-green);margin:0;position:relative}.login__ghost{z-index:-1;color:var(--color-pink);transform:translate(var(--misregister-x), var(--misregister-y));position:absolute;inset:0}.login__lede{max-width:28rem;font-size:var(--text-lg);line-height:var(--leading-snug);margin:0}.login__panel{width:100%;max-width:26rem;padding:var(--space-5);gap:var(--space-4);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-light);flex-direction:column;display:flex}.login__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-snug);margin:0}.login__form{gap:var(--space-3);flex-direction:column;display:flex}.login__form label{font-weight:var(--weight-semibold)}.login__or{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-graphite);margin:0}.login__hint{font-size:var(--text-sm);color:var(--color-graphite);margin:0}.login__hint strong{color:var(--color-ink);overflow-wrap:anywhere}.login__links{justify-content:space-between;gap:var(--space-3);display:flex}.login__error{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-pink);font-size:var(--text-sm);margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar--image{background:0 0;padding:0;overflow:hidden}.avatar-img{border-radius:var(--radius-pill);display:block}.btn--link{color:var(--color-ink);align-items:center;text-decoration:none;display:inline-flex}.info__note{font-size:var(--text-sm);color:var(--color-graphite)}.onboarding{max-width:1040px;padding:var(--space-12) var(--space-4);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.onboarding .info__title{margin:0}.profile{gap:var(--space-8);display:grid}@media (width>=900px){.profile{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.profile__fields{top:var(--space-8);position:sticky}}.profile__avatar,.profile__fields{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.profile__heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);margin:0}.profile__preview{align-items:center;gap:var(--space-5);display:flex}.profile__preview .avatar-img{border:var(--border-width) solid var(--color-ink)}.profile__field{gap:var(--space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.profile__field>label,.profile__field>legend,.picker legend{font-weight:var(--weight-semibold);padding:0}.profile__hint{font-size:var(--text-sm);color:var(--color-graphite);margin:0}.profile__colors{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.picker{border:none;min-width:0;margin:0;padding:0}.picker__row{gap:var(--space-2);margin-top:var(--space-2);scrollbar-width:thin;padding-bottom:var(--space-1);display:flex;overflow-x:auto}.picker__option{align-items:center;gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;flex-direction:column;flex-shrink:0;display:flex;position:relative}.picker__option img{border-radius:var(--radius-pill)}.picker__option input,.picker__swatch input,.choice input{opacity:0;pointer-events:none;position:absolute}.picker__option:has(input:checked){border-color:var(--color-ink);background:var(--color-paper-light)}:is(.picker__option:has(input:focus-visible),.picker__swatch:has(input:focus-visible),.choice:has(input:focus-visible)){outline:var(--border-width) solid var(--color-ink);outline-offset:var(--space-1)}.picker__swatch{width:var(--touch-min);height:var(--touch-min);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.picker__swatch>span:not(.sr-only){width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-ink)}.picker__swatch:has(input:checked)>span:not(.sr-only){box-shadow:0 0 0 var(--space-1) var(--color-paper), 0 0 0 calc(var(--space-1) + var(--border-width)) var(--color-ink)}.choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);cursor:pointer;align-items:center;display:inline-flex;position:relative}.choice:has(input:checked){background:var(--color-green)}.check{align-items:center;gap:var(--space-3);min-height:var(--touch-min);cursor:pointer;display:flex}.check input{width:var(--space-5);height:var(--space-5);accent-color:var(--color-ink)}.danger{gap:var(--space-3);padding-top:var(--space-6);border-top:var(--border-width) dotted var(--color-ink);flex-direction:column;display:flex}.recette{left:var(--space-3);bottom:var(--space-3);z-index:30;align-items:flex-start;gap:var(--space-2);max-width:calc(100vw - 2 * var(--space-3));flex-direction:column-reverse;display:flex;position:fixed}.recette__toggle{min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) dashed var(--color-ink);border-radius:var(--radius-pill);background:var(--color-green);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer}.recette__panel{gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-light);flex-direction:column;display:flex}.recette__presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.recette__field{gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-direction:column;display:flex}.sheet--top{z-index:15}.review-form{gap:var(--space-6);flex-direction:column;max-width:36rem;display:flex}.review-form__head{gap:var(--space-2);flex-direction:column;display:flex}.review-form__head h1,.review-form__head p{margin:0}.review-form__score{gap:var(--space-3);flex-direction:column;display:flex}.score-big{isolation:isolate;align-items:baseline;gap:var(--space-1);font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);display:inline-flex;position:relative}.score-big__value,.score-big__ghost{font-size:var(--text-4xl);color:var(--color-ink)}.score-big__ghost{z-index:-1;color:var(--color-pink);transform:translate(var(--misregister-x), var(--misregister-y));position:absolute;top:0;left:0}.score-big__max{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-regular);letter-spacing:0;color:var(--color-graphite)}.range{width:100%;height:var(--touch-min);accent-color:var(--color-pink);cursor:pointer}.field--area{min-height:calc(var(--space-16) + var(--space-8));padding:var(--space-3);resize:vertical;line-height:var(--leading-body)}.review-form__meta{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-graphite);margin:0;display:flex}.review-form__count{font-family:var(--font-mono)}.review-form__count--low{color:var(--color-ink);font-weight:var(--weight-semibold)}.jacket{gap:var(--space-6);display:grid}@media (width>=900px){.jacket{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.jacket__cover{top:var(--space-8);position:sticky}}.jacket__cover img,.jacket__blank{aspect-ratio:1;object-fit:cover;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);width:100%;display:block}.jacket__blank{background:var(--grain), var(--color-paper-dark)}.jacket__side{gap:var(--space-4);flex-direction:column;display:flex}.jacket__side h1,.jacket__side p{margin:0}.jacket__average{align-items:baseline;gap:var(--space-3);font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);display:flex}.jacket__average-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-regular);letter-spacing:0;color:var(--color-graphite)}.jacket__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}