html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}@font-face{font-family:Wagon;src:url(/fonts/Wagon-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Wagon;src:url(/fonts/Wagon-ExtraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Wagon Light;src:url(/fonts/Wagon-ExtraLightItalic.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap}:root{--paper: #f7f6f2;--paper-2: #ecebe4;--paper-card: #ffffff;--ink: #1a1714;--ink-soft: #4a423b;--muted: #8a7e70;--coral: #e8765a;--amber: #e8a23d;--olive: #5a8f6e;--blue: #4a6fa5;--plum: #9b5de5;--rose: #d14d72;--tape: rgba(232, 162, 61, .35);--line: rgba(26, 23, 20, .12);--font-display: "Wagon", Georgia, serif;--font-script: "Wagon Light", Georgia, serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--shadow-paper: 0 1px 3px rgba(26, 23, 20, .1);--shadow-lift: 0 4px 14px rgba(26, 23, 20, .14);--maxw: 1180px}[data-theme=dark]{color-scheme:dark;--paper: #161619;--paper-2: #24242a;--paper-card: #1f1f24;--ink: #f3f1ec;--ink-soft: #b7b3ac;--muted: #8b867e;--tape: rgba(232, 162, 61, .22);--line: rgba(255, 255, 255, .14);--shadow-paper: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lift: 0 5px 16px rgba(0, 0, 0, .55)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--ink) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--ink);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);overflow-x:hidden;background-image:radial-gradient(circle at 18% 12%,rgba(232,118,90,.06),transparent 40%),radial-gradient(circle at 85% 80%,rgba(74,111,165,.05),transparent 45%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}.display{font-family:var(--font-display);font-weight:700;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;margin:0}.script{font-family:var(--font-script);font-style:italic}.subtitle{font-family:var(--font-display);font-weight:200;font-size:clamp(1.7rem,3.8vw,3.2rem);line-height:1.12;letter-spacing:.005em;text-transform:uppercase;text-align:center;color:var(--ink-soft);margin:0}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}@media (min-width: 768px){.container{padding:0 32px}}.polaroid{background:var(--paper-card);padding:10px 10px 14px;border-radius:4px;box-shadow:var(--shadow-paper)}.tape{position:absolute;width:88px;height:26px;background:var(--tape);border:1px dashed rgba(26,23,20,.18);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:rotate(-4deg);z-index:3;pointer-events:none}.tape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.5),transparent)}.tape--tl{top:-12px;left:14px;transform:rotate(-7deg)}.tape--tr{top:-12px;right:14px;transform:rotate(6deg)}.rot-1{transform:rotate(-2.2deg)}.rot-2{transform:rotate(1.6deg)}.rot-3{transform:rotate(-1.1deg)}.rot-4{transform:rotate(2.4deg)}.rot-0{transform:rotate(0)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.02em;background:var(--paper-card);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .12s ease}.chip:hover{transform:translate(-1px,-1px)}.chip__dot{width:9px;height:9px;border-radius:50%}.chip--active{background:var(--ink);color:var(--paper)}.author-badge{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600}.author-badge img,.author-badge .avatar-fallback{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}.avatar-fallback{display:grid;place-items:center;box-sizing:border-box;flex:none;background:var(--amber);color:var(--ink);font-size:.7rem;font-weight:800;line-height:1;border-radius:50%;border:2px solid var(--ink)}.avatar-img{display:block;box-sizing:border-box;flex:none;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}.cut-paper{background:var(--paper-card);box-shadow:var(--shadow-paper);border-radius:3px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell>main{padding-bottom:clamp(86px,11vh,110px)}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 clamp(16px,2vw,28px)}.header-menu-link{padding:6px}.brand{justify-self:center;font-family:var(--font-display);font-weight:700;font-size:1.7rem;letter-spacing:-.01em;text-transform:uppercase;line-height:1;color:var(--ink)}.site-nav{justify-self:start;display:flex;align-items:center;gap:clamp(14px,2.2vw,26px)}.site-nav::-webkit-scrollbar{display:none}.nav-compact{display:none}@media (max-width: 680px){.nav-hide-mobile,.nav-full{display:none}.nav-compact{display:inline;font-size:1.2rem}}.site-nav__link{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:var(--font-body);font-size:.98rem;font-weight:600;color:var(--ink-soft);text-transform:none;letter-spacing:0;line-height:1;white-space:nowrap;position:relative;transition:color .15s ease}.site-nav__link:hover{color:var(--ink)}.site-nav__link.active{color:var(--coral)}.site-nav__link.active:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--coral);border-radius:2px}.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}@media (max-width: 440px){.header-actions{gap:8px}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.9rem;white-space:nowrap;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn--primary{background:var(--coral);color:#fff}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ghost{box-shadow:none;background:transparent}.btn--sm{padding:7px 13px;font-size:.82rem;box-shadow:2px 2px 0 var(--ink)}.icon-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper-card)}.icon-btn .badge{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--coral);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--paper)}.login{flex:1;position:relative;display:grid;place-items:center;padding:clamp(40px,8vh,96px) 22px;overflow:hidden}.login__inner{position:relative;z-index:2;width:100%;max-width:min(92vw,640px);text-align:center}.login__eyebrow{display:block;font-size:clamp(1.5rem,5vw,2.4rem);color:var(--coral);margin-bottom:-2px}.login__title{margin:0 0 18px;color:var(--ink);font-size:clamp(4rem,22vw,11rem);line-height:.9;white-space:nowrap;visibility:hidden}.login__title .char{display:inline-block;will-change:transform,opacity}.login__lead{color:var(--ink-soft);font-size:clamp(1rem,2.6vw,1.18rem);line-height:1.6;max-width:34ch;margin:0 auto clamp(24px,4vh,34px)}.login__actions{display:flex;flex-direction:column;align-items:center;gap:10px}.login__google{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:min(100%,360px);padding:14px 22px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper-card);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.login__google:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--coral)}.login__google:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.login__beta{font-size:.82rem;color:var(--muted);letter-spacing:.02em}.login__divider{display:flex;align-items:center;gap:14px;margin:clamp(22px,4vh,32px) auto;max-width:360px;color:var(--muted);font-size:.82rem}.login__divider:before,.login__divider:after{content:"";flex:1;height:1.5px;background:color-mix(in srgb,var(--ink) 18%,transparent)}.login__request{display:flex;gap:10px;width:min(100%,420px);margin:0 auto}.login__input{flex:1;min-width:0;padding:12px 16px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper-card);color:var(--ink);font-family:var(--font-body);font-size:.96rem;box-shadow:2px 2px 0 var(--ink);outline:none}.login__input:focus{box-shadow:3px 3px 0 var(--coral)}.login__request .btn{white-space:nowrap}.login__sent{display:flex;flex-direction:column;gap:4px;width:min(100%,420px);margin:0 auto;padding:16px 20px;text-align:left;border:1.5px solid var(--ink);border-left:5px solid var(--coral);border-radius:var(--r-md);background:var(--paper-card);box-shadow:3px 3px 0 var(--ink)}.login__sent strong{font-size:1.05rem}.login__sent span{color:var(--ink-soft);font-size:.92rem}.login__error{margin:12px 0 0;color:var(--coral);font-weight:600;font-size:.88rem}.login__signout{margin-top:20px;background:none;border:none;color:var(--muted);font-family:var(--font-body);font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.login__signout:hover{color:var(--ink)}.admin{padding-top:28px;max-width:760px}.admin__title{font-size:clamp(2.4rem,7vw,4rem);margin:2px 0 6px}.admin__lead{color:var(--muted);margin:0 0 22px;font-weight:600;letter-spacing:.02em}.admin__empty{color:var(--ink-soft)}.admin__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.admin__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1.5px solid var(--ink);border-radius:var(--r-md);background:var(--paper-card);box-shadow:3px 3px 0 var(--ink)}.admin__row--invited{border-left:5px solid var(--olive)}.admin__row--declined{opacity:.55}.admin__who{display:flex;flex-direction:column;gap:2px;min-width:0}.admin__email{font-weight:700;word-break:break-all}.admin__meta{color:var(--muted);font-size:.82rem}.admin__actions{display:flex;gap:8px;flex:none}.admin__status--invited{border-color:var(--olive);background:color-mix(in srgb,var(--olive) 18%,transparent)}.admin__status--declined{border-color:var(--muted)}.admin__back{margin-top:26px}@media (max-width: 520px){.admin__row{flex-direction:column;align-items:stretch}.admin__actions{justify-content:flex-end}}@media (max-width: 460px){.login__request{flex-direction:column}.login__request .btn{width:100%}}.login-cut{position:absolute;z-index:1;width:clamp(120px,22vw,230px);height:auto;filter:drop-shadow(5px 8px 9px rgba(26,23,20,.28));opacity:.95;pointer-events:none;-webkit-user-select:none;user-select:none}.login-cut--1{top:4%;left:-4%}.login-cut--2{top:7%;right:-3%}.login-cut--3{bottom:6%;left:-2%}.login-cut--4{bottom:4%;right:-4%}@media (max-width: 600px){.login-cut--1{top:1%;left:-10%}.login-cut--2{top:2%;right:-10%}.login-cut--3{bottom:2%;left:-12%}.login-cut--4{bottom:1%;right:-12%}}.home-hero{padding:40px 0 18px;position:relative}.home-hero__title{margin:0;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start}.fit-line{display:block;white-space:nowrap;line-height:.82;text-transform:uppercase;letter-spacing:-.015em}.home-hero__sub{margin:clamp(16px,1.8vw,28px) auto 0;max-width:28ch}.home-hero .hero-script{font-family:var(--font-script);font-size:clamp(1.4rem,4vw,2.2rem);color:var(--ink-soft);display:block;margin-bottom:-6px;text-transform:none}.home-hero__titlewrap{display:block}.home-hero__title-input{width:100%;margin:0;border:none;border-bottom:3px solid var(--coral);background:transparent;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.015em;line-height:1;font-size:clamp(1.5rem,6vw,3rem);padding:0 0 8px;text-align:center;outline:none}.home-hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px}.home-hero__rename{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font-weight:600;font-size:.82rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.home-hero__rename:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}@media (min-width: 768px){.home-hero__titlewrap.is-editable{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23E8765A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L18.5 9.5a2.12 2.12 0 0 0-3-3L5 17z'/%3E%3Cpath d='M13.5 6.5l3 3'/%3E%3C/svg%3E") 4 24,pointer}.home-hero__actions{display:none}}.result-count{text-align:center;margin:4px 0 0;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.bottom-nav{position:fixed;left:50%;bottom:clamp(14px,2.2vw,26px);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:clamp(4px,1.4vw,10px);padding:7px;border-radius:999px;background:#0a09089e;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px #0006,inset 0 1px #ffffff14}.bottom-nav__btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:none;background:transparent;color:#ffffffbd;cursor:pointer;transition:color .15s ease,background .15s ease,transform .12s ease}.bottom-nav__btn:hover{color:#fff;background:#ffffff1a}.bottom-nav__btn:active{transform:scale(.92)}.bottom-nav__btn.is-active{color:#fff;background:#ffffff29}.bottom-nav__btn--create{width:52px;height:52px;color:#fff;background:var(--coral);box-shadow:0 4px 14px #00000059}.bottom-nav__btn--create:hover{color:#fff;background:var(--coral);filter:brightness(1.08)}.bottom-nav__btn--vis{display:none}.bottom-nav__btn--vis.is-public{color:var(--coral)}@media (min-width: 768px){.bottom-nav__btn--vis{display:grid}}@media (max-width: 380px){.bottom-nav__btn{width:42px;height:42px}.bottom-nav__btn--create{width:48px;height:48px}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;overflow-y:auto;padding:20px;background:#0a0908b3;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);animation:overlay-in .15s ease}.search-modal{width:min(640px,100%);margin:auto;max-height:min(76dvh,600px);display:flex;flex-direction:column;background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);overflow:hidden;animation:modal-in .18s cubic-bezier(.2,.8,.2,1)}.search-modal__head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted)}.search-modal__input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-body);font-size:1.15rem;color:var(--ink)}.search-modal__input::placeholder{color:var(--muted)}.search-modal__kbd{flex:none;font-size:.7rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 7px}.search-results{overflow-y:auto;padding:8px}.search-result{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:10px 12px;border:none;border-radius:var(--r-md);background:transparent;color:var(--ink)}.search-result--active{background:color-mix(in srgb,var(--amber) 16%,transparent)}.search-result__thumb{width:50px;height:50px;flex:none;border-radius:9px;object-fit:cover;background:var(--paper-2)}.search-result__thumb--empty{display:grid;place-items:center;font-family:var(--font-display);font-size:1.3rem;color:var(--muted)}.search-result__body{display:flex;flex-direction:column;min-width:0}.search-result__title{font-family:var(--font-display);text-transform:uppercase;font-size:1.1rem;line-height:1.05}.search-result__meta{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-empty{padding:34px 16px;text-align:center;color:var(--muted)}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}}.filter-dock{position:fixed;bottom:calc(clamp(14px,2.2vw,26px) + 5px);right:clamp(16px,2vw,28px);z-index:55}.filter-dock__toggle{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.filter-dock__toggle:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--coral)}.filter-dock--open .filter-dock__toggle{color:var(--coral);box-shadow:5px 5px 0 var(--coral)}.filter-dock__dot{position:absolute;top:13px;right:13px;width:9px;height:9px;border-radius:50%;background:var(--coral);border:2px solid var(--paper-card)}.filter-dock__chips{display:none;position:absolute;right:0;bottom:calc(100% + 12px);flex-direction:column;align-items:flex-end;gap:9px;max-height:65vh;overflow-y:auto;padding:4px}.filter-dock--open .filter-dock__chips{display:flex;animation:modal-in .18s cubic-bezier(.2,.8,.2,1)}.dock-chip{flex:none;height:50px;display:inline-flex;align-items:center;gap:8px;padding:0 20px;border-radius:999px;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:.92rem;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.dock-chip:hover{transform:translate(-1px,-1px)}.dock-chip--active{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--coral)}.dock-chip__dot{width:10px;height:10px;border-radius:50%;flex:none}.home{width:100%;padding:0 clamp(20px,3.5vw,72px)}.scrap-grid{display:flex;align-items:flex-start;justify-content:center;gap:clamp(18px,1.8vw,34px);padding:22px 0 100px}.scrap-col{flex:1 1 0;min-width:0;max-width:480px;display:flex;flex-direction:column;gap:clamp(26px,2.4vw,46px)}.scrap-card{width:100%;position:relative;transition:transform .18s ease;will-change:transform}.create-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:230px;padding:24px;background:var(--paper-card);border:2px dashed var(--coral);border-radius:4px;box-shadow:var(--shadow-paper);color:var(--coral);cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}.create-card:hover{transform:translateY(-7px) scale(1.015);box-shadow:var(--shadow-lift)}.create-card__plus{font-family:var(--font-display);font-weight:700;font-size:3.6rem;line-height:.8}.create-card__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.2rem}.scrap-card__frame{position:relative;background:var(--paper-card);padding:12px 12px 16px;border-radius:4px;box-shadow:var(--shadow-paper);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}.scrap-card:hover{z-index:5}.scrap-card:hover .scrap-card__frame{transform:translateY(-7px) scale(1.015);box-shadow:var(--shadow-lift)}.pin-btn{position:absolute;top:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);box-shadow:2px 2px 0 var(--ink);z-index:4;opacity:0;transition:opacity .15s ease,transform .12s ease}@media (hover: hover){.scrap-card:hover .pin-btn{opacity:1}}@media (hover: none){.pin-btn{opacity:.92}}.pin-btn:hover{transform:translate(-1px,-1px)}.pin-btn--on{opacity:1;color:var(--amber);border-color:var(--amber);box-shadow:2px 2px 0 var(--amber)}.pinned{padding:8px 0 24px}.pinned__title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.01em;margin:0 0 16px;display:inline-flex;align-items:center;gap:10px;color:var(--amber)}.pinned__row{display:flex;gap:22px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.pinned__row::-webkit-scrollbar{display:none}.pinned__item{flex:0 0 auto;width:clamp(200px,62vw,260px)}.scrap-card__img{width:100%;border-radius:2px;aspect-ratio:var(--ar, 4 / 5);object-fit:cover;background:var(--paper-2)}.scrap-card__noimg{width:100%;aspect-ratio:4 / 5;border-radius:2px;display:grid;place-items:center;background:var(--paper-2);font-family:var(--font-display);font-size:2.4rem;color:var(--muted)}.scrap-card__title{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:.95;margin:12px 4px 8px;text-transform:uppercase}.scrap-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px;flex-wrap:wrap}.scrap-card__tags{display:flex;gap:5px;flex-wrap:wrap}.mini-tag{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;color:var(--ink)}.scrap-card__metaright{display:flex;align-items:center;gap:8px;flex:none}.scrap-card__react{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}.scrap-card__react svg{opacity:.75}.scrap-card__react svg:nth-of-type(2){margin-left:4px}.recipe-detail{padding-bottom:100px}.recipe-hero{position:relative;padding:30px 0 24px}.recipe-hero__title{color:var(--ink);margin:0 0 18px;display:flex;flex-direction:column;align-items:flex-start}.recipe-about{margin:0 0 34px}.recipe-about .section-title{margin-bottom:12px}.recipe-lead{margin:0;max-width:62ch;font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.65;color:var(--ink-soft)}.recipe-hero__badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.recipe-cover{margin:18px 0 30px;position:relative}.recipe-cover img{width:100%;max-height:540px;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--shadow-paper)}.recipe-body{display:grid;grid-template-columns:1fr;gap:34px;align-items:start}@media (min-width: 900px){.recipe-body{grid-template-columns:1.7fr 1fr;gap:56px}.recipe-body>aside{position:sticky;top:80px}}.section-title{font-family:var(--font-display);text-transform:uppercase;font-size:1.8rem;margin:0 0 14px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:2px;background:var(--ink);opacity:.18}.prose{font-size:1.06rem;line-height:1.7;color:var(--ink-soft);white-space:pre-wrap}.ingredients{list-style:none;padding:4px 16px;margin:0;display:flex;flex-direction:column;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-paper)}.ingredients li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:.98rem;color:var(--ink)}.ingredients li+li{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.ingredients li:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--coral);flex:none;transform:rotate(45deg)}.media-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 600px){.media-gallery{grid-template-columns:repeat(3,1fr)}}.media-item{position:relative;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-paper);background:#000;aspect-ratio:1}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.media-item--link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;background:var(--ink);color:var(--paper);text-align:center;padding:12px;font-size:.82rem;font-weight:600}.media-del{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#1a1714c7;color:#fff;font-size:.8rem;display:grid;place-items:center;z-index:4}.notes{display:grid;gap:14px}.note{position:relative;background:var(--paper-card);padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-paper)}.note__head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;color:var(--muted)}.note__body{font-size:.98rem;line-height:1.5;color:var(--ink)}.note-form textarea,.field textarea,.field input{width:100%;font-family:inherit;font-size:1rem;padding:12px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper-card);resize:vertical}.note-form textarea:focus,.field textarea:focus,.field input:focus{outline:none;border-color:var(--ink)}.editor{padding:40px 0 120px;max-width:760px}.field{margin-bottom:44px}.field>label{display:block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.5rem,4.5vw,2.1rem);line-height:1;color:var(--ink);margin-bottom:16px}.field__title-input{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.4rem,9vw,4.2rem)!important;line-height:1!important;letter-spacing:-.015em;border:none!important;background:transparent!important;padding:0!important;margin-bottom:8px}.ingredient-row{display:flex;gap:8px;margin-bottom:8px}.ingredient-row input{flex:1}.tag-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.uploader{border:2px dashed var(--line);border-radius:var(--r-md);padding:26px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s ease,background .15s ease}.uploader svg,.scrap-card__lineage svg,.profile-stat__icon svg{vertical-align:-.18em}.scrap-card__lineage{display:inline-flex;align-items:center;gap:5px}.profile-stat__icon{display:inline-flex;align-items:center}.uploader:hover{border-color:var(--ink);background:var(--paper-card)}.notif-panel{position:absolute;top:54px;right:0;width:min(360px,90vw);background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-lift);overflow:hidden;z-index:60}.notif-panel__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--font-display);text-transform:uppercase;font-size:1.1rem}.notif-list{max-height:60vh;overflow-y:auto}.notif-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.88rem;line-height:1.4}.notif-item--unread{background:color-mix(in srgb,var(--amber) 12%,transparent)}.notif-item time{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.notif-empty{padding:28px 16px;text-align:center;color:var(--muted)}.center-screen{flex:1;display:grid;place-items:center;text-align:center;padding:60px 20px}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:70px 20px}.empty-state h2{font-family:var(--font-display);font-size:2.4rem;text-transform:uppercase}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.back-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin:18px 0 4px;color:var(--ink-soft)}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;pointer-events:none}.curtain__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--paper);will-change:transform}.curtain__wordmark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:auto;width:max-content;height:max-content;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;pointer-events:none}.curtain__mark{font-size:clamp(3.6rem,15vw,7.2rem);letter-spacing:.01em;line-height:.92;color:var(--ink)}.curtain__letter{display:inline-block;will-change:opacity}.curtain__cap{font-size:clamp(1.4rem,4.5vw,1.9rem);color:var(--muted)}.curtain__cut{position:absolute;z-index:1;width:clamp(170px,30vw,320px);height:auto;transform-origin:center;filter:drop-shadow(6px 9px 10px rgba(26,23,20,.32));will-change:transform,opacity;-webkit-user-select:none;user-select:none;pointer-events:none}.chip--cooked{background:color-mix(in srgb,var(--olive) 18%,transparent);border-color:var(--olive)}.cooked-stamp{position:absolute;top:16px;right:16px;transform:rotate(-12deg);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.4rem,4vw,2.2rem);color:var(--coral);padding:4px 16px;border:3px solid var(--coral);border-radius:8px;background:color-mix(in srgb,var(--paper-card) 70%,transparent);box-shadow:2px 2px color-mix(in srgb,var(--coral) 40%,transparent);pointer-events:none}.cooked-history{list-style:none;padding:0;margin:0;display:grid;gap:8px}.cooked-history li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--ink-soft)}.cooked-history time{margin-left:auto;color:var(--muted);font-size:.82rem}.menu-page{padding-top:18px;padding-bottom:60px}.menu-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.menu-title{margin:0;font-size:clamp(2.6rem,7vw,4.4rem)}.menu-weeknav{display:flex;align-items:center;gap:6px}.menu-weeklabel{min-width:9ch;text-align:center;font-weight:600;color:var(--ink-soft)}.menu-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}.menu-meta{font-size:.85rem;color:var(--muted)}.menu-hint{font-size:.88rem;color:var(--ink-soft);background:color-mix(in srgb,var(--amber) 16%,transparent);border-radius:var(--r-sm);padding:8px 14px;margin:6px 0 0}.menu-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}@media (min-width: 620px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1040px){.menu-grid{grid-template-columns:repeat(4,1fr)}}.menu-day{display:flex;flex-direction:column;gap:8px}.menu-day__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.1rem;color:var(--ink)}.menu-card{position:relative;background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-paper);overflow:hidden}.menu-card__open{display:block;width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer}.menu-card__open img,.menu-card__noimg{display:block;width:100%;height:120px;object-fit:cover}.menu-card__noimg{display:grid;place-items:center;font-family:var(--font-display);font-size:2.4rem;background:var(--paper-2);color:var(--muted)}.menu-card__title{display:block;padding:8px 12px 12px;font-weight:600;line-height:1.25;color:var(--ink)}.menu-card__tools{position:absolute;top:8px;right:8px;display:flex;gap:6px}.chip--mini{padding:4px 8px;font-size:.8rem;cursor:pointer;background:color-mix(in srgb,var(--paper-card) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-slot{height:168px;border:1.5px dashed var(--muted);border-radius:var(--r-md);background:color-mix(in srgb,var(--paper-2) 50%,transparent);color:var(--muted);font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.menu-slot:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}.menu-slot:disabled{cursor:not-allowed;opacity:.6}.shopping{margin-top:42px}.shopping-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:1fr}@media (min-width: 620px){.shopping-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1040px){.shopping-list{grid-template-columns:repeat(3,1fr)}}.shopping-list li{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--paper-card);border-radius:var(--r-sm);box-shadow:var(--shadow-paper)}.shopping-list label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}.shopping-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--olive);flex:none}.shopping-list li.is-checked span{text-decoration:line-through;color:var(--muted)}.shopping-for{font-size:.72rem;color:var(--muted);background:var(--paper-2);border-radius:999px;padding:2px 8px;flex:none}.roulette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;overflow-y:auto;padding:20px;background:#0a0908b3;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);animation:overlay-in .2s ease}.roulette{position:relative;width:min(92vw,420px);margin:auto;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:26px 24px 24px;text-align:center}.roulette__close{position:absolute;top:12px;right:12px}.roulette__title{margin:2px 0 18px;font-size:clamp(1.8rem,6vw,2.6rem)}.roulette__polaroid{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-sm);box-shadow:6px 6px 0 var(--ink);padding:12px 12px 16px;margin:0 auto;width:min(78%,280px)}.roulette__polaroid img,.roulette__noimg{display:block;width:100%;height:200px;object-fit:cover;border-radius:4px}.roulette__noimg{display:grid;place-items:center;font-family:var(--font-display);font-size:4rem;background:var(--paper-2);color:var(--muted)}.roulette__name{display:block;margin-top:10px;font-family:var(--font-display);text-transform:uppercase;font-size:1.15rem;line-height:1.1;color:var(--ink)}.roulette__hint{margin:14px 0 0;color:var(--ink-soft);font-size:.92rem}.roulette__actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.cb-switch{position:relative}.cb-switch__btn{display:inline-flex;align-items:center;gap:8px;max-width:200px;padding:8px 12px;border-radius:999px;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:.85rem}.cb-switch__dot{width:11px;height:11px;border-radius:50%;flex:none;border:1.5px solid var(--ink)}.cb-switch__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-switch__chev{font-size:.7rem;color:var(--muted)}.cb-switch__menu{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-lift);padding:8px;z-index:70}.cb-switch__label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:6px 8px}.cb-switch__item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 8px;border:none;background:transparent;border-radius:var(--r-sm);color:var(--ink);font-size:.95rem}.cb-switch__item:hover{background:color-mix(in srgb,var(--amber) 14%,transparent)}.cb-switch__item.is-current{font-weight:700}.cb-switch__itemname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-switch__role{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cb-switch__create{color:var(--coral);font-weight:600}.cb-switch__sep{height:1px;background:var(--line);margin:6px 0}.cb-switch__new{display:flex;gap:6px;padding:4px}.cb-switch__new input{flex:1;min-width:0;font-family:inherit;font-size:.9rem;padding:8px 10px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper);color:var(--ink)}.acct__menu{width:min(300px,88vw)}.acct__trigger{border:none;padding:0;background:none;overflow:hidden}.acct__user{display:flex;align-items:center;gap:11px;padding:6px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.acct__userinfo{display:flex;flex-direction:column;min-width:0}.acct__userinfo strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct__userinfo span{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-switch__check{color:var(--coral);font-weight:700}.acct__danger{color:var(--rose);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;overflow-y:auto;padding:20px;background:#0a0908b3;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);animation:overlay-in .15s ease}.modal{width:min(520px,100%);margin:auto;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:22px;animation:modal-in .18s cubic-bezier(.2,.8,.2,1)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal__title{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;margin:0}.modal__close{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink)}.modal__sub{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:20px 0 10px}.invite-form{display:flex;gap:8px}.invite-form input{flex:1;min-width:0;font-family:inherit;font-size:1rem;padding:11px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper);color:var(--ink)}.invite-hint{font-size:.82rem;color:var(--muted);margin:10px 0 0;line-height:1.5}.invite-list,.member-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.invite-list li,.member-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--paper);border-radius:var(--r-sm)}.invite-list__who,.member-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.92rem}.invite-list__x{border:none;background:transparent;color:var(--muted);font-size:.85rem}.member-list__role{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.scrap-card__lineage{margin:8px 4px 0;font-size:.72rem;font-style:italic;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip--lineage{background:color-mix(in srgb,var(--plum) 16%,transparent);font-style:italic}.profile{padding:52px 20px 120px;max-width:760px}.profile__hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:52px}.profile__hero .eyebrow{margin-bottom:18px}.profile__avatar{position:relative;flex:none;padding:0;margin-bottom:26px;border:none;background:none;cursor:pointer;line-height:0;border-radius:50%}.profile__avatar:disabled{opacity:.6;cursor:progress}.profile__avataredit{position:absolute;right:2px;bottom:2px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;border:2.5px solid var(--paper);box-shadow:0 1px 4px #0000004d}.profile__avatar:hover .profile__avataredit{filter:brightness(1.08)}.profile__name{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:clamp(2.2rem,8vw,3.8rem);line-height:1;cursor:pointer}.profile__nameedit{display:inline-flex;color:var(--muted);transition:color .15s ease}.profile__name:hover .profile__nameedit{color:var(--coral)}.profile__nameform{width:min(100%,460px)}.profile__nameinput{width:100%;margin:0;text-align:center;border:none;border-bottom:3px solid var(--coral);background:transparent;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;line-height:1;font-size:clamp(2.2rem,8vw,3.8rem);padding:0 0 6px;outline:none}.profile__email{margin:12px 0 0;color:var(--muted);font-size:.92rem}.profile__levelrow{display:inline-flex;align-items:center;gap:10px;margin:30px 0 14px}.profile__levelpill{padding:5px 14px;border-radius:999px;background:var(--coral);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.02em}.profile__xp{font-weight:700;color:var(--ink-soft);letter-spacing:.04em;font-size:.85rem}.profile__xphint{margin-top:12px;font-size:.76rem;letter-spacing:.04em;color:var(--muted)}.profile__signout{margin-top:48px}.profile .section-title{margin-top:48px;margin-bottom:20px}.xp-bar{width:min(100%,460px);height:14px;border-radius:999px;background:var(--paper-2);border:1.5px solid var(--ink);overflow:hidden}.xp-bar__fill{height:100%;background:var(--amber);transition:width .5s cubic-bezier(.2,.8,.2,1)}.profile__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0}@media (min-width: 560px){.profile__stats{grid-template-columns:repeat(4,1fr)}}.profile-stat{background:var(--paper-card);border:1.5px solid var(--ink);border-radius:var(--r-md);box-shadow:3px 3px 0 var(--ink);padding:18px 14px;text-align:center}.profile-stat__n{font-family:var(--font-display);font-size:2.4rem;line-height:1}.profile-stat__l{margin-top:6px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.badge{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:var(--r-md);border:1.5px dashed var(--line);background:var(--paper-card);opacity:.45;filter:grayscale(1)}.badge.is-earned{opacity:1;filter:none;border-style:solid;border-color:var(--ink);box-shadow:3px 3px 0 var(--amber)}.badge__icon{display:inline-flex;color:var(--ink)}.badge__label{font-weight:600;font-size:.85rem;line-height:1.2}.home-hero__vis{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font-weight:600;font-size:.82rem;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.home-hero__vis.is-public{background:var(--coral);border-color:var(--coral);color:#fff}.home-hero__vis:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.home-hero__vis:disabled{cursor:default}.vis-choice{display:flex;gap:6px;margin:2px 0}.vis-choice__opt{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border:1.5px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer}.vis-choice__opt.is-on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.react{display:inline-flex;gap:6px}.react__btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper-card);color:var(--ink);font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.react__btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.react__btn.is-like{background:var(--coral);color:#fff;border-color:var(--coral)}.react__btn.is-dislike{background:var(--ink);color:var(--paper)}.react-readonly{gap:5px}.save-modal{width:min(440px,100%)}.save-modal__list{display:flex;flex-direction:column;gap:4px}.carousel{position:relative;margin:18px 0 30px;border-radius:var(--r-md)}.carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r-md);box-shadow:var(--shadow-paper);scrollbar-width:none}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 100%;scroll-snap-align:start}.carousel__slide img{display:block;width:100%;max-height:540px;object-fit:cover;border-radius:var(--r-md)}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;z-index:2;transition:opacity .15s ease,transform .12s ease}.carousel__arrow:hover{transform:translateY(-50%) translate(-1px,-1px)}.carousel__arrow--prev{left:12px}.carousel__arrow--next{right:12px}.carousel__arrow:disabled{opacity:0;pointer-events:none}.carousel__dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:7px;z-index:2}.carousel__dot{width:8px;height:8px;padding:0;border-radius:50%;border:1.5px solid #fff;background:transparent;cursor:pointer;box-shadow:0 1px 3px #00000073}.carousel__dot.is-active{background:#fff}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.step{display:flex;gap:14px;align-items:flex-start}.step__num{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;font-family:var(--font-display);font-size:1.1rem;line-height:1;box-shadow:2px 2px 0 var(--ink)}.step__body{flex:1;min-width:0}.step__text{margin:5px 0 0;line-height:1.6;color:var(--ink-soft);white-space:pre-wrap}.step__video{margin-top:10px}.video-modal{width:min(820px,100%)}.video-modal__frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center}.video-modal__frame video,.video-modal__frame iframe{width:100%;height:100%;border:none;object-fit:contain}.step-edit__list{display:flex;flex-direction:column;gap:14px}.step-edit{display:flex;gap:12px;align-items:flex-start}.step-edit__num{flex:none;width:30px;height:30px;display:grid;place-items:center;margin-top:5px;border-radius:50%;background:var(--coral);color:#fff;font-family:var(--font-display);font-size:1rem;line-height:1}.step-edit__body{flex:1;min-width:0}.step-edit__body textarea{width:100%}.step-edit__video{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.step-edit__link{flex:1;min-width:160px}.step-edit__attached{gap:6px}.step-edit__videodel{display:inline-grid;place-items:center;width:20px;height:20px;border:none;background:transparent;color:var(--ink);cursor:pointer}.step-edit__tools{display:flex;flex-direction:column;gap:6px;flex:none;margin-top:5px}.step-edit__move{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper-card);color:var(--ink);cursor:pointer}.step-edit__move:disabled{opacity:.3;cursor:default}.step-edit__move:nth-child(-n+2) svg{transform:rotate(90deg)}.notes-section{margin-top:44px}@media (min-width: 900px){.notes-section{width:calc((100% - 56px) * 1.7 / 2.7)}}.note-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}.note-pager__count{font-size:.92rem;color:var(--muted);min-width:110px;text-align:center}.remix-family{margin-top:64px}.remix-family__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.remix-family__head .section-title{margin-bottom:0}.remix-family__sub{margin:8px 0 22px;color:var(--ink-soft);max-width:56ch}.remix-tree{overflow-x:auto}.remix-branch{position:relative}.remix-branch__kids{margin-left:18px;padding-left:22px;border-left:2px solid color-mix(in srgb,var(--coral) 55%,transparent);margin-top:14px;display:flex;flex-direction:column;gap:14px}@media (min-width: 760px){.remix-branch__kids{margin-left:26px;padding-left:30px}}.remix-node{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--paper-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-paper);max-width:460px}.remix-node--current{border-color:var(--coral);box-shadow:var(--shadow-paper);background:color-mix(in srgb,var(--coral) 8%,var(--paper-card))}.remix-node__cover{width:54px;height:54px;flex:0 0 auto;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}.remix-node__cover--empty{background:var(--paper-2)}.remix-node__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.remix-node__by{display:flex;align-items:center;gap:7px}.remix-node__author{font-size:.82rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remix-node__here{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--paper);background:var(--coral);padding:1px 7px;border-radius:999px;flex:0 0 auto}.remix-node__title{margin:0;font-weight:700;color:var(--ink);line-height:1.25;overflow:hidden;text-overflow:ellipsis}.remix-node__cb{margin:0;font-size:.78rem;color:var(--muted)}.remix-node__link{flex:0 0 auto;align-self:center;font-weight:700;color:var(--coral);text-decoration:none;padding:4px 8px}.remix-node__link:hover{text-decoration:underline}.remix-node__locked{flex:0 0 auto;color:var(--muted);display:inline-flex;align-items:center}