:root{--background: oklch(.985 .006 85);--foreground: oklch(.15 .005 60);--primary: oklch(.52 .076 78);--surface: oklch(1 0 0);--card: oklch(.992 .004 88);--muted: oklch(.97 .008 82);--muted-foreground: oklch(.48 .012 72);--border: oklch(.82 .008 80 / .28);--accent: oklch(.91 .018 78);color:var(--foreground);background:var(--background);font-family:Inter,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--background);color:var(--foreground)}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.app-shell{position:relative;display:grid;grid-template-rows:64px minmax(0,1fr) 48px;width:100%;min-height:100svh;background:var(--background)}.workspace-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 32px;background:var(--background);border-bottom:1px solid var(--border)}.brand{color:var(--foreground);font-size:13px;font-weight:700;letter-spacing:.2em}.section-marker{display:flex;align-items:center;gap:12px;min-width:0;color:var(--muted-foreground);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.section-marker>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-marker__line{width:32px;height:1px;flex:0 0 auto;background:var(--primary)}.book-workspace{position:relative;z-index:1;display:grid;grid-template-columns:56px minmax(0,auto) 56px;align-items:center;justify-content:center;gap:24px;min-height:0;padding:12px 24px;background:var(--background);-webkit-user-select:none;user-select:none}.book-stage{position:relative;width:min(68vw,680px,calc((100svh - 136px)*.7071));aspect-ratio:210 / 297;perspective:2200px;transform-style:preserve-3d;isolation:isolate}.paper-shadow,.paper-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:2px}.paper-shadow{border:1px solid var(--border);background:var(--card);pointer-events:none}.paper-shadow--back{z-index:0;transform:translate(8px,8px) rotate(.16deg);box-shadow:0 2px 4px #2a241805,0 12px 24px #2a241808}.paper-shadow--middle{z-index:1;transform:translate(4px,4px) rotate(-.08deg);background:var(--card)}.paper-page{z-index:3;overflow:hidden;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 0 0 1px #2a241803,0 4px 8px #2a241808,0 20px 40px #2a24180a;will-change:transform,opacity,box-shadow}.paper-page--outgoing{z-index:5;pointer-events:none}.paper-page--enter-forward{z-index:3;animation:reveal-forward .52s ease-out both}.paper-page--exit-forward{animation:turn-forward .52s ease-in both}.paper-page--enter-backward{z-index:5;animation:turn-backward-in .52s ease-out both}.paper-page--exit-backward{z-index:3;animation:reveal-backward-out .52s ease-in both}.paper-page__inner{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:32px 36px 28px;background:var(--surface);backface-visibility:hidden}.paper-header,.paper-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted-foreground);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.paper-header{padding-bottom:12px;border-bottom:1px solid var(--border)}.paper-header span:first-child{color:var(--primary)}.paper-footer{padding-top:12px;border-top:1px solid var(--border)}.paper-content{display:flex;flex-direction:column;justify-content:flex-end;gap:24px;min-height:0;padding:28px 0}.content-main{max-width:100%}.hero-avatar-wrap{margin-bottom:22px}.hero-avatar{display:block;width:84px;height:84px;object-fit:cover;border:1px solid var(--accent);border-radius:4px;background:var(--muted);box-shadow:0 2px 4px #2a241805,0 12px 24px #2a241808}.hero-title,.section-title{max-width:100%;margin:0;color:var(--foreground);font-family:Cormorant Garamond,serif;font-weight:700;letter-spacing:0;overflow-wrap:anywhere}.hero-title{font-size:82px;line-height:.84}.section-title{font-size:46px;line-height:.96}.body-copy{max-width:100%;margin:20px 0 0;color:var(--foreground);font-size:16px;line-height:1.55}.content-side{display:flex;flex-direction:column;gap:16px;min-width:0}.bullet-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.bullet-list li{padding-top:8px;border-top:1px solid var(--border);color:var(--foreground);font-size:14px;line-height:1.5}.meta-list{display:flex;flex-wrap:wrap;gap:8px}.meta-list span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:4px;background:var(--muted);color:var(--muted-foreground);font-size:12px;font-weight:500;letter-spacing:.02em}.project-links{display:flex;flex-wrap:wrap;gap:12px 20px}.project-link{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;min-height:32px;padding:0 0 2px;border-bottom:1px solid var(--primary);color:var(--foreground);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.project-link span{font-size:13px;line-height:1}.page-control{position:relative;z-index:12;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--muted);color:var(--foreground);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.page-control:hover:not(:disabled){border-color:var(--accent);background:var(--accent);transform:translateY(-1px)}.page-control:disabled{color:var(--muted-foreground);cursor:default;opacity:.36}.page-control span{display:block;margin-top:-3px;font-family:Georgia,serif;font-size:30px;line-height:1}.page-index{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 24px;background:var(--background)}.page-index__item{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:var(--background);cursor:pointer}.page-index__item span{width:16px;height:2px;background:var(--border);transition:width .2s ease,background-color .2s ease}.page-index__item:hover span{background:var(--accent)}.page-index__item.is-active span{width:28px;background:var(--primary)}@keyframes turn-forward{0%{transform:translate(0) rotateY(0);box-shadow:0 4px 8px #2a241808,0 20px 40px #2a24180a;opacity:1}45%{box-shadow:12px 12px 28px #2a24181a;opacity:1}to{transform:translate(-3%) rotateY(-98deg);box-shadow:20px 16px 32px #2a24180a;opacity:0}}@keyframes reveal-forward{0%{transform:translate(6px,5px) scale(.995);filter:brightness(.96)}55%{filter:brightness(.985)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes turn-backward-in{0%{transform:translate(-3%) rotateY(-98deg);box-shadow:20px 16px 32px #2a24180a;opacity:0}50%{box-shadow:12px 12px 28px #2a24181a;opacity:1}to{transform:translate(0) rotateY(0);box-shadow:0 4px 8px #2a241808,0 20px 40px #2a24180a;opacity:1}}@keyframes reveal-backward-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(7px,6px) scale(.992);opacity:.84}}@media (min-height: 900px) and (min-width: 721px){.paper-page__inner{padding:40px 44px 36px}.paper-content{gap:32px;padding:36px 0}.hero-avatar{width:98px;height:98px}.hero-title{font-size:96px}.section-title{font-size:54px}.body-copy{margin-top:24px;font-size:16px}.bullet-list{gap:12px}.bullet-list li{padding-top:12px;font-size:14px}}@media (max-width: 720px){.app-shell{grid-template-rows:56px minmax(0,1fr) 44px}.workspace-header{padding:0 16px}.section-marker{gap:8px}.section-marker__line{display:none}.book-workspace{display:block;padding:10px 12px;touch-action:pan-y}.book-stage{width:100%;height:calc(100svh - 120px);aspect-ratio:auto}.paper-shadow--back{transform:translate(5px,5px)}.paper-shadow--middle{transform:translate(2px,2px)}.paper-page__inner{padding:24px 20px 20px}.paper-content{justify-content:flex-start;gap:12px;padding:12px 0;overflow-y:auto;overscroll-behavior:contain;-webkit-user-select:text;user-select:text}.hero-avatar{width:72px;height:72px}.hero-title{font-size:68px}.section-title{font-size:36px}.body-copy{font-size:16px}.bullet-list li{font-size:14px}.page-control{position:absolute;top:50%;bottom:auto;z-index:30;width:44px;height:44px;background:var(--card);box-shadow:0 2px 4px #2a24180a,0 12px 24px #2a24180f;transform:translateY(-50%)}.page-control:hover:not(:disabled){transform:translateY(-50%)}.page-control--previous{left:16px}.page-control--next{right:16px}.page-index{padding:0 58px}.page-index__item{width:22px;height:26px}.page-index__item span{width:10px}.page-index__item.is-active span{width:18px}}@media (prefers-reduced-motion: reduce){.paper-page,.page-control,.page-index__item span{animation-duration:1ms!important;transition-duration:1ms!important}}