:root{--ink:#1e1a14;--paper:#e8ddbd;--paper-light:#f2ead2;--red:#e31c16;--blue-grid:#416e8b29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:#28241d;min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-transform:lowercase;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{background:var(--paper);isolation:isolate;width:min(100%,720px);height:100svh;margin:0 auto;position:relative;overflow:hidden}.feed{touch-action:pan-y;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100svh;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.topbar{z-index:20;padding:max(14px, env(safe-area-inset-top)) 20px 17px;pointer-events:none;background:linear-gradient(#eee4c9fa 15%,#eee4c9c2 62%,#0000);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid;position:absolute;top:0;left:0;right:0}.brand{width:max-content;color:var(--ink);letter-spacing:.18em;pointer-events:auto;align-items:center;gap:9px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.brand img{object-fit:contain;width:22px;height:44px}.counter{color:#1e1a14ad;justify-self:center;align-items:center;gap:7px;font-family:Georgia,serif;font-size:25px;line-height:1;display:flex}.counter span{letter-spacing:.025em;max-width:128px;font-family:Inter,ui-sans-serif,sans-serif;font-size:9px;font-weight:750;line-height:1.15}.counter strong{font-size:11px;font-weight:950}.info-button{cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2ead27a;border:1px solid #1e1a1473;border-radius:50%;justify-self:end;width:32px;height:32px;font-family:Georgia,serif;font-size:15px}.card{--card-accent:var(--red);scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--paper);background-image:repeating-linear-gradient(0deg, transparent 0 23px, var(--blue-grid) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, var(--blue-grid) 23px 24px), radial-gradient(ellipse at 15% 8%, #ffffff61, transparent 34%), radial-gradient(ellipse at 91% 78%, #68512724, transparent 38%);transform-origin:50%;height:100svh;min-height:100svh;transition:transform .22s cubic-bezier(.2,.78,.2,1);display:grid;position:relative;overflow:hidden}.card.is-pinching{z-index:6;will-change:transform;transition:none}.concept-link{color:color-mix(in srgb, var(--card-accent) 58%, currentColor);font:inherit;line-height:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;transition:color .16s,opacity .16s;display:inline}.concept-link:hover,.concept-link:focus-visible{color:var(--card-accent);outline:none}.concept-link:active{opacity:.62}.author-link{font-style:inherit}.paper-1{background-color:#eadfbe;background-image:repeating-linear-gradient(0deg,#0000 0 23px,#416e8b21 23px 24px),repeating-linear-gradient(90deg,#0000 0 23px,#416e8b21 23px 24px),radial-gradient(at 15% 8%,#ffffff61,#0000 34%),radial-gradient(at 91% 78%,#68512724,#0000 38%);background-position:5px 3px,5px 3px,0 0,0 0}.paper-2{background-color:#e8ddbd;background-image:repeating-linear-gradient(0deg,#0000 0 29px,#49718e2b 29px 30px),linear-gradient(90deg,#0000 0 47px,#ad453d2b 47px 49px,#0000 49px),radial-gradient(at 78% 12%,#ffffff52,#0000 38%),radial-gradient(at 22% 82%,#6851271f,#0000 42%);background-position:0 8px,0 0,0 0,0 0}.paper-3{background-color:#eee4c9;background-image:linear-gradient(104deg,#0000 0 44%,#6c54300e 45%,#0000 46%),repeating-linear-gradient(7deg,#5d452306 0 1px,#0000 1px 7px),radial-gradient(at 18% 13%,#ffffff7a,#0000 37%),radial-gradient(at 84% 76%,#75542521,#0000 44%)}.paper-4{background-color:#e9dfc4;background-image:radial-gradient(circle,#365c773d 0 1.05px,#0000 1.2px),radial-gradient(at 16% 9%,#ffffff5e,#0000 34%),radial-gradient(at 86% 82%,#68512721,#0000 40%);background-position:7px 7px,0 0,0 0;background-size:22px 22px,auto,auto}.paper-5{background-color:#e5d8b7;background-image:repeating-linear-gradient(0deg,#0000 0 31px,#416e8b21 31px 32px),repeating-linear-gradient(90deg,#0000 0 31px,#416e8b21 31px 32px),repeating-linear-gradient(0deg,#0000 0 7px,#416e8b09 7px 8px),repeating-linear-gradient(90deg,#0000 0 7px,#416e8b09 7px 8px),radial-gradient(at 80% 15%,#ffffff4d,#0000 35%);background-position:11px 11px,11px 11px,3px 3px,3px 3px,0 0}.category-philosophy{--card-accent:#c52a22}.category-psychology{--card-accent:#7b4560}.category-history{--card-accent:#9a6522}.category-culture{--card-accent:#2e6178}.category-aphorism{--card-accent:#574a85}.category-figure{--card-accent:#315f55}.category-book{--card-accent:#7b3e2e}.category-live{--card-accent:#32674e}.category-picker{border-top:1px solid #261f1824;border-bottom:1px solid #261f1824;gap:12px;padding:16px 0;display:grid}.category-picker small{color:#261f18a8;margin-top:4px;line-height:1.35;display:block}.category-chips{flex-wrap:wrap;gap:7px;display:flex}.category-chips button{color:#261f189e;font:inherit;cursor:pointer;background:0 0;border:1px solid #261f1833;border-radius:999px;padding:7px 11px;font-size:.82rem}.category-chips button.active{border-color:var(--accent,#d7231d);background:color-mix(in srgb, var(--accent,#d7231d) 10%, transparent);color:#261f18}.paper-fold{opacity:.26;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(104deg,#0000 41%,#543e1d2e 42%,#ffffff47 43%,#0000 44%),linear-gradient(16deg,#0000 64%,#543e1d21 65%,#ffffff3d 66%,#0000 67%),radial-gradient(at 30% 72%,#57401f21,#0000 28%);position:absolute;inset:-12%;transform:rotate(.4deg)}.card-content{z-index:1;width:min(100%,650px);height:100%;padding:106px 26px max(78px, calc(65px + env(safe-area-inset-bottom)));flex-direction:column;justify-content:center;display:flex;position:relative}.eyebrow{color:#1e1a1494;letter-spacing:.13em;text-transform:none;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-weight:800;display:flex}.eyebrow>span{background:var(--card-accent);border-radius:50%;width:8px;height:8px}.eyebrow b{color:var(--card-accent)}.card h1{max-width:min(18ch,100%);color:var(--ink);letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,8.5vw,62px);font-weight:500;line-height:.99}.card.is-short h1{max-width:15ch;font-size:clamp(43px,11vw,76px)}.card.is-short .card-content>p{max-width:34ch;font-size:clamp(19px,5vw,27px);line-height:1.4}.card.is-long h1{font-size:clamp(29px,7vw,50px)}.card.is-long .card-content>p{margin-top:19px;font-size:clamp(14px,3.55vw,17px);line-height:1.43}.card.level-ileri .eyebrow b{color:var(--card-accent)}.card.title-xxl h1{letter-spacing:-.065em;max-width:10ch;font-size:clamp(66px,18vw,118px);line-height:.86}.card.title-xl h1{max-width:13ch;font-size:clamp(56px,15vw,104px);line-height:.9}.card.title-lg h1{max-width:16ch;font-size:clamp(43px,11vw,80px)}.card.title-md h1{font-size:clamp(34px,8.5vw,60px)}.card.title-sm h1{max-width:22ch;font-size:clamp(27px,6.8vw,46px);line-height:1.04}.card-content>p{color:#1e1a14c9;white-space:pre-line;max-width:54ch;margin:24px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,4.05vw,20px);line-height:1.47}.memory-emphasis{color:var(--ink);font-weight:800}.card-content>.author{color:#1e1a1494;margin-top:14px;font-size:clamp(13px,3.4vw,16px);font-style:italic}.card-footer{border-top:1px solid #1e1a1430;justify-content:flex-end;align-items:flex-end;gap:16px;margin-top:27px;padding-top:13px;display:flex}.card-footer.has-reference{justify-content:space-between;align-items:flex-end}.book-reference{color:#1e1a148c;max-width:44%;margin:0;font-family:Georgia,Times New Roman,serif;font-size:9px;line-height:1.35}.book-reference span{color:var(--card-accent);letter-spacing:.12em;margin-bottom:3px;font-family:Inter,ui-sans-serif,sans-serif;font-size:7px;font-weight:900;display:block}.card-actions{align-items:flex-end;gap:8px;display:flex}.action-button{cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;min-width:42px;padding:0;display:grid}.action-button>span{width:38px;height:38px;color:var(--ink);background:#f2ead24d;border:1px solid #1e1a1457;border-radius:50%;place-items:center;font-size:17px;line-height:1;transition:transform .16s,color .16s,background .16s;display:grid}.action-button small{color:#1e1a148c;letter-spacing:.04em;font-size:8px;font-weight:800}.like-button>span{color:#0000;-webkit-text-stroke:1.15px var(--ink);font-size:19px}.like-button.liked>span{color:#fff;-webkit-text-stroke:0;border-color:var(--red);background:var(--red);transform:scale(1.06)}.dislike-button>span{color:var(--ink);font-size:19px;transform:rotate(180deg)}.dislike-button.disliked>span{color:#fff;border-color:var(--ink);background:var(--ink);transform:rotate(180deg)scale(1.06)}.record-button>span{color:var(--red);font-size:19px;font-weight:900}.swipe-hint{bottom:max(44px, calc(34px + env(safe-area-inset-bottom)));color:#1e1a1461;letter-spacing:.12em;gap:8px;font-size:9px;animation:1.8s ease-in-out infinite float;display:flex;position:absolute;left:50%;transform:translate(-50%)}.swipe-hint span{color:var(--red)}.signature{z-index:3;bottom:max(13px, env(safe-area-inset-bottom));color:#1e1a149e;letter-spacing:.12em;font-size:9px;font-weight:800;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.card-number{color:#1e1a1438;letter-spacing:.17em;writing-mode:vertical-rl;font-size:8px;position:absolute;bottom:15px;right:18px}.toast{z-index:95;left:50%;bottom:max(70px, calc(62px + env(safe-area-inset-bottom)));color:#fff;text-align:center;background:#1d1b17f0;border-radius:12px;width:max-content;max-width:calc(100% - 36px);padding:11px 15px;font-size:11px;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000038}.record-canvas{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-9999px}.panel-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1916117a;place-items:stretch end;display:grid;position:fixed;inset:0}.panel{width:min(92%,440px);height:100svh;max-height:none;padding:max(29px, env(safe-area-inset-top)) 23px max(26px, calc(17px + env(safe-area-inset-bottom)));color:var(--ink);background-color:#f1e8cf;background-image:repeating-linear-gradient(0deg,#0000 0 23px,#416e8b17 23px 24px),repeating-linear-gradient(90deg,#0000 0 23px,#416e8b17 23px 24px);border-radius:25px 0 0 25px;margin:0;animation:.28s ease-out both panel-in;position:relative;overflow-y:auto;box-shadow:-20px 0 70px #00000047}.panel-close{cursor:pointer;background:#ffffff2e;border:1px solid #1e1a1442;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;position:absolute;top:19px;right:19px}.panel-logo{object-fit:contain;width:30px;height:58px}.panel-kicker{letter-spacing:.08em;font-weight:900;color:var(--red)!important;margin:5px 0 8px!important;font-size:9px!important}.panel h2{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:42px;font-weight:500;line-height:.98}.panel>p{color:#1e1a14b0;margin:15px 0 19px;font-size:13px;line-height:1.5}.membership,.toggle-row{border-top:1px solid #1e1a142b;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.membership span,.toggle-row span{gap:4px;display:grid}.membership strong,.toggle-row strong{font-size:12px}.membership small,.toggle-row small{color:#1e1a148c;max-width:38ch;font-size:10px;line-height:1.35}.email-entry{align-items:center;gap:6px;width:min(100%,270px);display:flex}.email-entry input{width:100%;min-width:0;min-height:38px;color:var(--ink);text-transform:none;background:#ffffff57;border:1px solid #1e1a1457;border-radius:10px;outline:none;padding:0 11px;font-size:11px}.email-entry input:focus{border-color:var(--red);box-shadow:0 0 0 2px #e31c161f}.membership button,.membership-action{color:#fff;background:var(--red);text-align:center;cursor:pointer;border:0;border-radius:99px;place-items:center;min-width:88px;min-height:38px;padding:0 12px;font-size:10px;font-weight:850;line-height:1.2;text-decoration:none;display:inline-grid}.toggle-row{cursor:pointer;border-bottom:1px solid #1e1a142b;position:relative}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#1e1a1430;border-radius:99px;flex:none;width:42px;height:24px;transition:background .2s;position:relative}.toggle-row i:after{content:"";background:#fffaf0;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.toggle-row input:checked+i{background:var(--red)}.toggle-row input:checked+i:after{transform:translate(18px)}.panel-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;display:grid}.panel-actions button{border:1px solid var(--ink);min-height:46px;color:var(--paper-light);background:var(--ink);cursor:pointer;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:800}.panel-actions button+button{color:var(--ink);background:#ffffff29}.panel .panel-message{border-left:3px solid var(--red);color:#1e1a14bd;background:#ffffff40;margin:12px 0 0;padding:10px 12px;font-size:10px}.panel .legal{color:#1e1a146e;margin-bottom:10px;font-size:8px;line-height:1.45}.panel-site{color:var(--ink);letter-spacing:.1em;font-size:9px;font-weight:800;text-decoration:none}.panel-links{justify-content:space-between;gap:18px;display:flex}.privacy-page{width:min(100%,760px);height:100svh;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(0deg, transparent 0 23px, var(--blue-grid) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, var(--blue-grid) 23px 24px), radial-gradient(ellipse at 15% 8%, #ffffff61, transparent 34%);margin:0 auto;padding:32px 24px 70px;overflow-y:auto}.privacy-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:58px;display:flex}.privacy-brand{color:var(--ink);letter-spacing:.16em;align-items:center;gap:10px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.privacy-brand img{object-fit:contain;width:24px;height:48px}.privacy-back{color:#1e1a14a8;font-size:10px;font-weight:800;text-decoration:none}.privacy-page h1{letter-spacing:-.05em;max-width:12ch;margin:0 0 22px;font-family:Georgia,serif;font-size:clamp(43px,10vw,72px);font-weight:500;line-height:.96}.privacy-lead{color:#1e1a14b8;max-width:58ch;margin:0 0 38px;font-family:Georgia,serif;font-size:18px;line-height:1.55}.privacy-section{border-top:1px solid #1e1a1433;max-width:62ch;padding:23px 0}.privacy-section h2{letter-spacing:.08em;margin:0 0 10px;font-size:13px}.privacy-section p,.privacy-section li{color:#1e1a14b8;font-size:13px;line-height:1.6}.privacy-section ul{margin:8px 0 0;padding-left:20px}.privacy-section a{color:var(--ink);font-weight:800}.privacy-date{color:#1e1a147a;margin-top:28px;font-size:10px}.boot{width:100%;height:100svh;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(0deg, transparent 0 23px, var(--blue-grid) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, var(--blue-grid) 23px 24px);place-content:center;justify-items:center;display:grid}.boot img{object-fit:contain;width:58px;height:118px}.boot p{color:#1e1a1494;letter-spacing:.12em;margin:10px 0 0;font-size:9px;font-weight:750}@keyframes float{50%{transform:translate(-50%,-5px)}}@keyframes panel-in{0%{opacity:.65;transform:translate(38px)}}@keyframes record-pulse{50%{opacity:.45}}@media (width>=721px){.app-shell{border-left:1px solid #0000002e;border-right:1px solid #0000002e;box-shadow:0 0 70px #0000003d}.card-content{padding-inline:52px}}@media (height<=680px){.card-content{justify-content:flex-start;padding-top:90px;padding-bottom:61px}.card h1{font-size:clamp(29px,7.4vw,45px)}.card-content>p{margin-top:16px;font-size:14px;line-height:1.38}.card-footer{margin-top:15px}.action-button>span{width:34px;height:34px}}@media (width<=390px){.card-content{padding-inline:21px}.action-button{min-width:39px}.card-actions{gap:2px}.membership{flex-direction:column;align-items:flex-start}.email-entry{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
