/* Visual system polish: editorial warmth, clearer hierarchy, calmer interaction states. */
:root{--paper-lift:#f8f5ed;--ink-soft:#30362e;--green:#254e3b;--shadow-soft:0 18px 50px rgba(29,33,28,.12)}
html{scroll-padding-top:92px}
body{min-height:100vh;background-color:var(--paper);background-image:radial-gradient(circle at 12% 7%,rgba(235,100,47,.08),transparent 25rem),linear-gradient(115deg,rgba(255,255,255,.2),transparent 42%)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(29,33,28,.28) .45px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}
.site-header{position:sticky;top:0;z-index:30;height:76px;background:rgba(242,239,231,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.site-header:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.28}
.logo{transition:color .2s,transform .2s}.logo:hover{color:var(--orange);transform:translateY(-1px)}
nav a{position:relative;padding:8px 0}nav a:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .24s ease}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.location{white-space:nowrap}.location i{flex:0 0 auto}
.hero{position:relative;min-height:min(760px,calc(100svh - 76px));gap:clamp(28px,5vw,84px)}
.hero>div:first-child{position:relative;z-index:2;max-width:650px}
h1{text-wrap:balance}h1 span{position:relative;display:inline-block;text-decoration:underline;text-decoration-color:rgba(235,100,47,.28);text-decoration-thickness:.08em;text-underline-offset:.08em}
.intro{max-width:520px;font-size:clamp(.98rem,1.4vw,1.08rem)}
.explore{align-items:center;min-height:48px;padding:11px 14px 11px 18px;border:1px solid var(--ink);border-radius:999px;background:rgba(248,245,237,.58);transition:background .2s,color .2s,transform .2s,box-shadow .2s}.explore b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange);color:var(--ink);font-size:1rem}.explore:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:0 10px 24px rgba(29,33,28,.16)}
.hero-art{isolation:isolate}.hero-art:before{content:"";position:absolute;inset:5% 4% 4% 8%;z-index:-1;border:1px solid rgba(29,33,28,.12);border-radius:50% 46% 52% 44%;background:radial-gradient(circle at 34% 44%,rgba(235,100,47,.08),transparent 28%),radial-gradient(circle at 70% 75%,rgba(37,78,59,.08),transparent 34%);transform:rotate(-8deg)}
.sun{box-shadow:inset -24px -18px rgba(103,30,8,.12),0 18px 45px rgba(235,100,47,.2);filter:saturate(1.04)}
.weather-widget{border-radius:22px;background:rgba(248,245,237,.88);box-shadow:var(--shadow-soft)}
.spaces{position:relative}.section-heading{gap:28px}.section-heading h2,.contact h2{text-wrap:balance}.section-heading>p{max-width:330px}
.card-grid{gap:16px}.space-card{border-color:rgba(29,33,28,.25);border-radius:20px;box-shadow:0 8px 24px rgba(29,33,28,.05)}.space-card:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.22);border-radius:14px;pointer-events:none;opacity:.7}.space-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(29,33,28,.16)}.space-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.space-card>i{right:24px;top:14px}.space-card>b{display:grid;place-items:center;width:32px;height:32px;right:20px;bottom:20px;border:1px solid currentColor;border-radius:50%;font-size:1rem;transition:transform .2s,background .2s}.space-card:hover>b{transform:rotate(8deg) scale(1.08);background:rgba(255,255,255,.2)}.space-card h3{position:relative;z-index:1}.space-card p{position:relative;z-index:1}.basketball{background:linear-gradient(135deg,#ed7241,#d9522c)}.novels{background:linear-gradient(135deg,#2c6349,#214433)}.life{background:linear-gradient(135deg,#edbc4b,#dea22d)}.knowledge{background:linear-gradient(135deg,#e6e3d8,#d7d4c7)}.secret{background:linear-gradient(135deg,#353832,#252722)}.music{background:linear-gradient(135deg,#d5e0d5,#bfd0c2)}
.card-grid.has-active .space-card.active{box-shadow:0 26px 60px rgba(29,33,28,.2)}.inline-space-content{position:relative;z-index:1}.space-panel{border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}.panel-close{transition:background .2s,color .2s,transform .2s}.panel-close:hover{transform:rotate(8deg)}
.contact-link{transition:padding .2s,background .2s,transform .2s}.contact-link:hover{transform:translateX(4px)}.contact-link:focus-visible,.panel-close:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.contact-link>b{transition:transform .2s}.contact-link:hover>b{transform:translate(3px,-3px)}
.toast{box-shadow:0 12px 30px rgba(29,33,28,.22)}
footer{position:relative}.footer-link{transition:transform .2s,background .2s,box-shadow .2s}.footer-link:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:820px){.site-header{height:70px}.hero{min-height:auto;padding-top:68px}.hero-art:before{inset:4% 2% 3%}.spaces,.contact{padding-block:92px}.space-card{border-radius:16px}}
@media(max-width:520px){html{scroll-padding-top:74px}.site-header{height:68px;background:rgba(242,239,231,.93)}.location{font-size:9px;gap:6px}.hero{padding-top:54px}.hero-art{margin-top:16px}.hero-art:before{inset:1% 0 5%}.explore{width:max-content}.section-heading{margin-bottom:34px}.space-card{border-radius:14px}.space-card:after{inset:6px;border-radius:10px}.contact-link{grid-template-columns:42px 1fr auto;gap:13px}.contact-link:hover{padding-inline:4px;transform:none}}

/* Inline module states: the card stays open until its explicit close control is used. */
.space-close{position:absolute;z-index:8;top:20px;right:20px;display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;background:rgba(248,245,237,.18);color:inherit;font-size:1.55rem;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.space-close:hover{background:var(--ink);color:var(--paper);transform:rotate(8deg) scale(1.05);box-shadow:0 8px 18px rgba(29,33,28,.2)}.space-close:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.space-card.active>.inline-hint{right:76px;top:34px;z-index:4}
.knowledge-space,.life-space{display:grid;gap:20px;margin-top:28px;padding-top:28px;border-top:1px solid currentColor}.knowledge-hero,.life-hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.knowledge-label,.life-label{margin:0 0 10px;color:var(--orange);font:800 10px monospace;letter-spacing:.15em}.knowledge-hero h3,.life-hero h3{margin:0;max-width:720px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.06em}.knowledge-hero h3 em,.life-hero h3 em{color:var(--orange);font-style:normal}.knowledge-hero p,.life-hero p{max-width:560px;margin:16px 0 0;color:inherit;opacity:.72;font-size:.9rem;line-height:1.75}.knowledge-stamp{display:grid;place-items:center;width:86px;height:86px;border:1px solid currentColor;border-radius:50%;text-align:center;font:800 9px/1.5 monospace;letter-spacing:.12em;transform:rotate(8deg);opacity:.7}.knowledge-metrics,.life-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(29,33,28,.18);border:1px solid rgba(29,33,28,.18)}.knowledge-metrics>div,.life-metrics>div{display:grid;gap:5px;padding:15px 18px;background:rgba(248,245,237,.2)}.knowledge-metrics strong,.life-metrics strong{font:700 2rem/.9 Georgia,serif}.knowledge-metrics span,.life-metrics span{font-size:.7rem;opacity:.68}.knowledge-grid,.life-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.knowledge-note,.life-entry{min-height:190px;display:flex;flex-direction:column;padding:20px;border:1px solid currentColor;background:rgba(248,245,237,.16)}.knowledge-note-featured,.life-entry-featured{background:rgba(248,245,237,.78);color:var(--ink);box-shadow:0 12px 28px rgba(29,33,28,.08)}.knowledge-note small,.life-entry small{margin-bottom:22px;color:var(--orange);font:800 9px monospace;letter-spacing:.12em}.knowledge-note h4,.life-entry h4{margin:0 0 10px;font:600 1.2rem/1.35 "Noto Serif SC",serif;letter-spacing:-.03em}.knowledge-note p,.life-entry p{margin:0;color:inherit;opacity:.7;font-size:.78rem;line-height:1.7}.knowledge-note span,.life-entry span{margin-top:auto;padding-top:18px;font:800 9px monospace;letter-spacing:.1em;opacity:.62}.knowledge-template,.life-rituals{padding:20px;border:1px solid currentColor;background:rgba(248,245,237,.2)}.knowledge-template-head,.life-ritual-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.knowledge-template-head small,.life-ritual-head small{display:block;margin-bottom:6px;color:var(--orange);font:800 9px monospace;letter-spacing:.14em}.knowledge-template-head h4,.life-ritual-head h4{margin:0;font:600 1.35rem "Noto Serif SC",serif}.knowledge-template-head>span,.life-ritual-head>span{font:800 9px monospace;letter-spacing:.12em;opacity:.6}.knowledge-template-text{display:block;width:100%;min-height:220px;padding:16px;border:1px solid var(--line);resize:vertical;background:#f5f1e9;color:var(--ink);font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.knowledge-template-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.knowledge-copy{padding:10px 15px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:.75rem;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.knowledge-copy:hover{background:var(--orange);color:var(--ink);transform:translateY(-1px)}.knowledge-copy:focus-visible,.knowledge-template-actions a:focus-visible,.life-ritual:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.knowledge-template-actions a{color:inherit;font-size:.75rem;font-weight:700}.life-date{display:flex;align-items:end;gap:9px;padding:9px 12px;border-bottom:2px solid currentColor;transform:rotate(-3deg)}.life-date strong{font:700 4rem/.75 Georgia,serif;color:var(--orange)}.life-date span{font:800 9px/1.35 monospace;letter-spacing:.14em}.life-ritual-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.life-ritual{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border:1px solid rgba(29,33,28,.22);background:rgba(248,245,237,.42);color:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.life-ritual:hover{transform:translateY(-2px);border-color:var(--orange);background:rgba(248,245,237,.8)}.life-ritual i{font:800 9px monospace;color:var(--orange);font-style:normal}.life-ritual span{font-size:.75rem;line-height:1.45}.life-ritual b{font-size:1.1rem;font-weight:500}.life-ritual.done{border-color:var(--green);background:rgba(216,242,78,.22)}.life-ritual.done span{text-decoration:line-through;text-decoration-color:var(--green);opacity:.64}.life-ritual.done b{color:var(--green);font-weight:800}
@media(max-width:820px){.knowledge-grid,.life-grid{grid-template-columns:1fr 1fr}.knowledge-note-featured,.life-entry-featured{grid-column:1/-1}.life-ritual-list{grid-template-columns:1fr}.knowledge-hero h3,.life-hero h3{font-size:2.2rem}}
@media(max-width:520px){.space-close{top:14px;right:14px;width:36px;height:36px}.space-card.active>.inline-hint{right:60px;top:28px;font-size:8px}.knowledge-space,.life-space{margin-top:20px;padding-top:20px}.knowledge-hero,.life-hero{grid-template-columns:1fr;gap:18px}.knowledge-stamp{display:none}.knowledge-grid,.life-grid{grid-template-columns:1fr}.knowledge-note-featured,.life-entry-featured{grid-column:auto}.knowledge-metrics>div,.life-metrics>div{padding:12px 10px}.knowledge-metrics strong,.life-metrics strong{font-size:1.65rem}.knowledge-note,.life-entry{min-height:170px;padding:16px}.knowledge-template,.life-rituals{padding:16px}.knowledge-template-actions{align-items:flex-start;flex-direction:column}.life-date{justify-self:start}.life-ritual-list{grid-template-columns:1fr}}
.knowledge-reading{padding:20px;border:1px solid currentColor;background:rgba(248,245,237,.2)}.knowledge-research-file{color:inherit;font-size:.75rem;font-weight:700}.knowledge-research-file:hover{color:var(--orange)}.knowledge-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.knowledge-source{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:start;min-width:0;padding:14px;border:1px solid rgba(29,33,28,.18);background:rgba(248,245,237,.4);color:inherit;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.knowledge-source:hover{transform:translateY(-2px);border-color:var(--orange);background:rgba(248,245,237,.82);box-shadow:0 10px 22px rgba(29,33,28,.1)}.knowledge-source:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.knowledge-source-index{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--paper);font:800 10px monospace}.knowledge-source div{min-width:0}.knowledge-source small{display:block;margin-bottom:6px;color:var(--orange);font:800 8px monospace;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge-source strong{display:block;font:600 .94rem/1.35 "Noto Serif SC",serif}.knowledge-source p{margin:7px 0 0;color:inherit;opacity:.68;font-size:.72rem;line-height:1.6}.knowledge-source>b{font-size:1rem;opacity:.7}.knowledge-reading+.knowledge-template{margin-top:0}
@media(max-width:820px){.knowledge-source-grid{grid-template-columns:1fr}}
@media(max-width:520px){.knowledge-reading{padding:16px}.knowledge-template-head{align-items:flex-start;flex-direction:column}.knowledge-source{grid-template-columns:28px 1fr auto;padding:12px}.knowledge-source-index{width:24px;height:24px;font-size:9px}.knowledge-source strong{font-size:.9rem}}
.life-tabs{border:1px solid currentColor;background:rgba(248,245,237,.14)}.life-tablist{display:flex;gap:4px;padding:6px;border-bottom:1px solid rgba(29,33,28,.18);background:rgba(248,245,237,.26)}.life-tab{padding:11px 15px;border:1px solid transparent;background:transparent;color:inherit;font:700 .72rem/1.2 "Noto Serif SC",serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.life-tab:hover,.life-tab:focus-visible{border-color:var(--orange);outline:none}.life-tab.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.life-tabpanel{padding:20px}.life-tabpanel[hidden]{display:none}.life-tabpanel-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.life-tabpanel-head small{display:block;margin-bottom:6px;color:var(--orange);font:800 9px monospace;letter-spacing:.14em}.life-tabpanel-head h4{margin:0;font:600 1.3rem "Noto Serif SC",serif}.life-tabpanel-head>span{font:800 9px monospace;letter-spacing:.1em;opacity:.58}.life-review-list,.life-dish-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.life-review,.life-dish{min-height:152px;padding:16px;border:1px solid rgba(29,33,28,.2);background:rgba(248,245,237,.42)}.life-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.life-review strong,.life-dish h5{font:600 1.05rem "Noto Serif SC",serif}.life-rating{color:var(--orange);font-size:.82rem;letter-spacing:.06em;white-space:nowrap}.life-review p{margin:7px 0 12px;font-size:.72rem;opacity:.58}.life-review-note,.life-dish p{font-size:.75rem;line-height:1.65;opacity:.76}.life-review>small,.life-dish>span{display:block;margin-top:15px;font:800 9px/1.5 monospace;letter-spacing:.06em;opacity:.58}.life-dish small{color:var(--orange);font:800 9px monospace;letter-spacing:.12em}.life-dish h5{margin:9px 0 8px}.life-dish p{margin:0}.life-dish>span{color:var(--orange);text-transform:uppercase}
@media(max-width:520px){.life-tablist{overflow-x:auto}.life-tab{flex:1;min-width:8.5rem;padding-inline:10px}.life-tabpanel{padding:16px}.life-tabpanel-head{align-items:flex-start;flex-direction:column;gap:7px}.life-review-list,.life-dish-list{grid-template-columns:1fr}}