@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Helvetica Neue,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#201a17;background-color:#fbf7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--serif: "Fraunces", "Times New Roman", serif;--ink: #1b1612;--ink-soft: #3a2f28;--muted: #6f645b;--muted-dark: #4f463f;--card: #fefcf9;--line: rgba(79, 70, 63, .12);--accent: #c36b3c;--error: #a6372f}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;min-height:100dvh;height:100dvh;overflow:hidden}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,#fff9f1,#fbf6ee 38%,#f5eee5);overscroll-behavior:none}#root{height:100%;height:100dvh;min-height:100vh;min-height:100dvh}img{max-width:100%;display:block}p{margin:0}.app{height:100%;min-height:100%;min-height:100dvh;--ui-radius: 12px;--ui-radius-lg: 16px;--ui-surface: rgba(255, 255, 255, .68);--ui-surface-strong: rgba(255, 255, 255, .82);--ui-border: var(--line);--ui-shadow: 0 10px 24px rgba(44, 24, 10, .12);padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 20px);display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.app:before,.app:after{content:"";position:absolute;inset:auto;width:320px;height:320px;border-radius:999px;filter:blur(0px);opacity:.18;z-index:0}.app:before{top:-60px;right:-80px;background:radial-gradient(circle,#f4d5bc 0%,transparent 70%)}.app:after{bottom:-120px;left:-80px;background:radial-gradient(circle,#b9dedc 0%,transparent 70%)}.orientation-guard{position:fixed;inset:0;z-index:60;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 20px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 18% 14%,rgba(244,213,188,.42),transparent 46%),radial-gradient(circle at 84% 80%,rgba(185,222,220,.34),transparent 44%),#fbf7f1f0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.orientation-guard__content{width:100%;max-width:420px;border:1px solid var(--line);border-radius:var(--ui-radius-lg);padding:22px 18px;text-align:center;background:var(--card);box-shadow:0 14px 32px #2c180a24}.orientation-guard__icon{width:70px;height:70px;margin:0 auto 14px;border:1px solid var(--line);border-radius:var(--ui-radius);display:grid;place-items:center;background:#ffffffc7}.orientation-guard__phone{width:24px;height:38px;border:2px solid var(--ink-soft);border-radius:7px;position:relative;transform:rotate(90deg)}.orientation-guard__phone:after{content:"";width:4px;height:4px;border-radius:999px;background:var(--ink-soft);position:absolute;left:50%;bottom:4px;transform:translate(-50%)}.orientation-guard__title{margin:0;font-family:var(--serif);font-size:clamp(1.5rem,4.2vw,1.9rem);line-height:1.1;color:var(--ink)}.orientation-guard__text{margin:10px 0 0;color:var(--muted-dark);font-size:.98rem;line-height:1.45}.app__header{width:100%;max-width:480px;min-width:0;display:flex;justify-content:space-between;align-items:center;padding:0;z-index:1}.app__eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.62rem;font-weight:600;margin:0 0 6px;color:var(--muted)}.app__title{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1;color:var(--ink)}.app__header-brand{display:flex;align-items:center;gap:10px}.app__index-button{width:24px;height:24px;border:none;border-radius:0;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted-dark);background:transparent;cursor:pointer;transition:color .14s ease,opacity .14s ease,transform .14s ease}.app__index-button:hover:not(:disabled){color:var(--ink)}.app__index-button:active:not(:disabled){transform:translateY(1px)}.app__index-button[aria-expanded=true]{color:color-mix(in srgb,var(--accent) 72%,var(--ink) 28%)}.app__index-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.app__index-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app__index-button:disabled{opacity:.52;cursor:default}.app__progress{width:clamp(100px,24vw,170px);min-width:100px;flex:1 1 130px;height:7px;border-radius:999px;background:#1b16121a;border:1px solid rgba(79,70,63,.14);position:relative;overflow:hidden;--progress-main: color-mix(in srgb, var(--accent) 85%, #ffffff 15%);--progress-accent: color-mix(in srgb, var(--accent) 55%, #ffffff 45%)}.app__progress--bottom{margin:0 0 0 auto}.app__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--progress-main) 0%,var(--progress-main) 70%,var(--progress-accent) 100%);transition:width .18s ease;box-shadow:0 0 10px #0000001f}.app__meta{min-width:0;padding:0;border:none;background:transparent;font-size:.85rem;line-height:1;text-align:center;letter-spacing:.04em;font-weight:600;color:var(--ink-soft)}.deck{position:relative;flex:1;width:100%;max-width:480px;min-width:0;display:flex;justify-content:center;align-items:flex-start;min-height:0;overflow:hidden;z-index:1}.deck__stack{margin-top:6px;position:relative;width:100%;max-width:420px;min-width:0;height:calc(110% - 10vh);max-height:840px;overflow:clip;perspective:1400px;perspective-origin:center}.deck__shadow{position:absolute;inset:8px;border-radius:18px;box-shadow:0 30px 70px #2c180a3d;z-index:0}.deck__message{font-size:.95rem;color:var(--muted);text-align:center;padding:24px}.deck__message--error{color:var(--error)}.deck__card{position:absolute;inset:0;width:100%;max-width:100%;min-width:0;border-radius:18px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease;pointer-events:none;box-shadow:none;z-index:1;will-change:transform;transform-style:preserve-3d}.deck__card-shell{height:100%;width:100%;max-width:100%;min-width:0;perspective:100em;perspective-origin:center;transform-style:preserve-3d}.deck__card-shell.is-jumping{animation:jump-in .36s cubic-bezier(.2,.9,.2,1)}@keyframes jump-in{0%{transform:translate3d(80px,-80px,0) rotate(3deg) scale(.96)}to{transform:translateZ(0) rotate(0) scale(1)}}.deck__stack.is-dragging .deck__card{transition:none}.deck__stack.is-dismissing .deck__card{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s ease}.deck__card--top{pointer-events:auto}.deck__card.is-dragging{transition:none}.card{height:100%;width:100%;max-width:100%;min-width:0;border-radius:var(--card-radius, 18px);background:linear-gradient(var(--card-bg, var(--card)),var(--card-bg, var(--card)));border:none;transform-style:preserve-3d;position:relative;touch-action:none;transition:none;color:var(--card-ink, var(--ink));--card-radius: 18px;--flip-height: 17.5em;animation-duration:.65s;animation-fill-mode:both;animation-timing-function:linear;will-change:transform;transform:translateZ(0) rotateY(0)}.card *,.card *:before,.card *:after{touch-action:inherit}.card:before{content:"";position:absolute;inset:0;border-radius:var(--card-radius, 18px);background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1px);background-size:16px 16px;background-position:10px 12px;pointer-events:none}.card.facedown{transform:rotateY(-180deg);touch-action:pan-y}.card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.card__inner{position:absolute;inset:0;width:100%;max-width:100%;min-width:0;transform-style:preserve-3d;z-index:1}.card__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;border-radius:var(--card-radius, 18px);overflow:hidden;display:flex;flex-direction:column}.card__face--front{position:relative;background:transparent;box-shadow:inset 0 1px #ffffff14,inset 1px 0 #ffffff14,inset -1px 0 #ffffff14}.card__face--back{transform:rotateY(180deg);background:radial-gradient(rgba(0,0,0,.07) 1px,transparent 1px) 8px 10px / 18px 18px,linear-gradient(var(--card-back-bg, #f4f6f2),var(--card-back-bg, #f4f6f2));border:9px solid var(--card-border, transparent);box-shadow:inset 0 0 0 1px #0000000f,inset 0 0 28px #00000014;color:#141414}@keyframes flip-to-back{0%{transform:translateZ(0) rotateY(0)}50%{transform:translateZ(var(--flip-height)) rotateY(-90deg)}to{transform:translateZ(0) rotateY(-180deg)}}@keyframes flip-to-front{0%{transform:translateZ(0) rotateY(-180deg)}50%{transform:translateZ(var(--flip-height)) rotateY(-270deg)}to{transform:translateZ(0) rotateY(-360deg)}}.card__badge{position:relative;z-index:1;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--card-badge-bg, rgba(255, 255, 255, .2));border:none;color:#f7f7f4c7;font-weight:600;display:inline-flex;align-items:center;gap:6px}.card__badge--back{background:var(--card-border, var(--card-theme, #999));color:#f7f7f4d9;align-self:flex-start}.card__badge-icon{width:14px;height:14px;flex:0 0 auto;display:inline-block;filter:drop-shadow(0 0 0 rgba(247,247,244,.95)) drop-shadow(0 0 0 rgba(247,247,244,.95))}.card__badge-icon--back{filter:drop-shadow(0 0 0 rgba(247,247,244,.95)) drop-shadow(0 0 0 rgba(247,247,244,.95));opacity:1}.card__content{padding:22px 24px 38px;display:flex;flex-direction:column;gap:14px;flex:1}.card__content--front{justify-content:center;gap:18px;text-align:left;position:relative;z-index:2;padding-bottom:clamp(84px,12vh,120px)}.card__meta{display:flex;flex-direction:column;gap:0;align-items:flex-start;padding-bottom:8px;border-bottom:none}.card__hero-icons{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:10px 0 8px;padding-bottom:0;opacity:1;border-bottom:none;min-height:34px;color:var(--card-ink, #222);width:100%}.card__hero-icon{width:34px;height:34px;display:inline-block;opacity:1;filter:drop-shadow(.4px 0 0 currentColor) drop-shadow(-.4px 0 0 currentColor) drop-shadow(0 .4px 0 currentColor) drop-shadow(0 -.4px 0 currentColor)}.card__content--front .card__headline{font-size:clamp(3.3rem,9vw,4.8rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;font-weight:800;margin-bottom:8px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.card__content--front .card__headline.card__headline--tight{font-size:clamp(2.8rem,7.4vw,4.2rem);letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.card__content--front .card__subtitle{font-size:clamp(1.24rem,3.2vw,1.48rem);line-height:1.6;font-weight:520;text-transform:none;font-variant-caps:normal;letter-spacing:0;max-width:33ch}.card__headline{margin:0;font-family:var(--serif);font-size:clamp(1.9rem,4.9vw,2.55rem);font-weight:700;letter-spacing:-.01em;color:var(--card-ink, var(--ink))}.card__subtitle{margin:0;color:var(--card-muted, var(--muted-dark));font-size:1.14rem;line-height:1.68;font-weight:540}.card__back-header{padding:6px 0 10px;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;align-items:flex-start}.card__back-title{margin:0;font-family:var(--serif);font-size:clamp(1.9rem,4.8vw,2.25rem);line-height:1.25;color:#101010}.card__back-body{padding:24px 20px 40px;overflow-y:auto;flex:1;color:#1f1f1f;font-size:clamp(1.16rem,2.9vw,1.3rem);line-height:1.7;letter-spacing:.01em;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;-webkit-overflow-scrolling:touch}.card__section{margin-bottom:24px}.card__section h3{font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#252525;margin:0 0 12px}.card__section p{margin:0 0 12px;font-size:clamp(1.14rem,2.8vw,1.28rem);line-height:1.7;color:#141414}.card__section p:last-child{margin-bottom:0}.card__section strong{color:#101010;font-weight:700}.card__section--principle p,.card__section--principle strong{color:var(--card-ink, #121212);font-weight:600}.card__section--principle h3{color:var(--card-ink, #121212)}.card__section--try{margin:0 -6px 22px;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,var(--card-theme, #999) 18%,var(--card-back-bg, #f4f6f2) 82%);border:none;color:#181818}.card__section--try h3,.card__section--try p{color:#181818}.card__tags{display:flex;flex-wrap:wrap;gap:8px}.card__tag{border:none;cursor:default;padding:6px 10px;border-radius:999px;background:var(--card-tag-bg, #efe6db);font-size:.78rem;color:var(--card-ink, var(--ink))}.card__tag--link{cursor:pointer;transition:transform .14s ease,filter .14s ease}.card__tag--link:focus-visible{outline:2px solid var(--card-border, #000);outline-offset:2px}.card__tag--link:hover{filter:brightness(.95)}.card__tag--link:active{transform:translateY(1px)}.index-card-overlay{position:fixed;inset:0;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px);background:#251b143d;display:flex;justify-content:center;align-items:flex-start;z-index:16}.index-card{margin-top:max(46px,env(safe-area-inset-top));width:100%;max-width:480px;max-height:min(80dvh,760px);border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);background:var(--card);box-shadow:0 18px 44px #2c180a2e;display:flex;flex-direction:column;overflow:hidden}.index-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 10px;border-bottom:1px solid var(--ui-border);background:var(--card)}.index-card__heading{min-width:0}.index-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;color:var(--muted)}.index-card__title{margin:6px 0 0;font-family:var(--serif);font-size:clamp(1.45rem,4vw,1.9rem);line-height:1.05;color:var(--ink)}.index-card__close{border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:5px 12px;background:transparent;color:var(--ink-soft);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.index-card__close:hover{background:color-mix(in srgb,var(--card) 92%,#ffffff 8%);border-color:#4f463f42}.index-card__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.index-card__search-row{padding:8px 14px 12px;border-bottom:1px solid var(--ui-border)}.index-card__search{width:100%;height:38px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;color:var(--ink);font:inherit;font-size:.9rem;padding:0 12px}.index-card__search::placeholder{color:var(--muted)}.index-card__search:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.index-card__list{display:flex;flex-direction:column;gap:8px;padding:12px 14px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.index-card__empty{margin:0;padding:14px 12px;text-align:center;color:var(--muted);font-size:.88rem;border:1px dashed var(--ui-border);border-radius:var(--ui-radius);background:#fff}.index-card__item{width:100%;border:1px solid color-mix(in srgb,var(--index-accent, #ded7d0) 34%,var(--ui-border) 66%);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--index-accent, #f4ece2) 15%,#ffffff 85%);padding:10px 12px;display:grid;grid-template-columns:3ch minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:var(--ink);cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.index-card__item--intro{border-color:color-mix(in srgb,#9e8f82 42%,var(--ui-border) 58%);background:color-mix(in srgb,#e6ddd4 16%,#ffffff 84%);grid-template-columns:3ch minmax(0,1fr)}.index-card__item--intro:hover{background:color-mix(in srgb,#e6ddd4 24%,#ffffff 76%);border-color:color-mix(in srgb,#9e8f82 50%,var(--ui-border) 50%)}.index-card__item:hover{background:color-mix(in srgb,var(--index-accent, #f4ece2) 23%,#ffffff 77%);border-color:color-mix(in srgb,var(--index-accent, #ded7d0) 44%,var(--ui-border) 56%)}.index-card__item:active{transform:translateY(1px)}.index-card__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.index-card__item.is-current{border-color:color-mix(in srgb,var(--index-accent, #ded7d0) 56%,var(--ui-border) 44%);background:color-mix(in srgb,var(--index-accent, #f4ece2) 30%,#ffffff 70%)}.index-card__item-order{font-variant-numeric:tabular-nums;font-size:.76rem;color:color-mix(in srgb,var(--index-accent, #ded7d0) 48%,var(--muted) 52%)}.index-card__item-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;line-height:1.25}.index-card__item-badge{justify-self:flex-end;white-space:nowrap}.index-card__virtual{display:flex;flex-direction:column;gap:10px}.index-card__virtual-back{align-self:flex-start;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;color:var(--ink-soft);font-size:.74rem;letter-spacing:.04em;padding:5px 10px;cursor:pointer}.index-card__virtual-back:hover{border-color:#4f463f42}.index-card__virtual-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.index-card__virtual-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:#fff;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.index-card__virtual-title{margin:0;font-family:var(--serif);font-size:1.1rem;line-height:1.2;color:var(--ink)}.index-card__virtual-link{color:var(--accent);font-size:.86rem;line-height:1.4;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.index-card__virtual-link:hover{text-decoration-thickness:2px}.index-card__virtual-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app__footer{width:100%;max-width:480px;min-width:0;z-index:1}.app__panel{width:100%}.app__nav{display:flex;align-items:center;gap:10px;padding:0}.app__hint{display:inline;min-height:0;padding:0;border:none;background:transparent;color:var(--muted-dark);font-size:.74rem;line-height:1;letter-spacing:.02em;white-space:normal}.app__update{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;color:var(--ink)}.app__update-button{border:1px solid color-mix(in srgb,var(--accent) 75%,#000000 25%);border-radius:var(--ui-radius);padding:6px 12px;font-size:.74rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;background:var(--accent);color:#fff;cursor:pointer;transition:filter .14s ease,transform .14s ease}.app__update-button:hover:not(:disabled){filter:brightness(.97)}.app__update-button:active:not(:disabled){transform:translateY(1px)}.app__update-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app__update-button:disabled{opacity:.7;cursor:default}@media(max-width:420px){.app__header{align-items:flex-start;gap:10px}.app__header-brand{flex-direction:row;align-items:center;gap:10px}.app__nav{flex-direction:column;align-items:stretch;gap:8px}.app__hint{text-align:center}.app__progress--bottom{width:100%;min-width:0;margin:2px 0 0}.index-card{margin-top:calc(env(safe-area-inset-top) + 10px);max-height:min(84dvh,760px)}.index-card__item{grid-template-columns:3ch minmax(0,1fr);grid-template-areas:"order title" "order badge";row-gap:4px}.index-card__item-order{grid-area:order}.index-card__item-title{grid-area:title}.index-card__item-badge{grid-area:badge;justify-self:flex-start}.index-card__item--intro{grid-template-columns:3ch minmax(0,1fr);grid-template-areas:"order title";row-gap:0}.app__update{flex-direction:column;align-items:stretch;text-align:center}.app__update-button{width:100%}}@media(prefers-reduced-motion:reduce){.deck__card,.card,.card__inner{transition:none}.card{animation:none}}