:root{--cream:#faf7f2;--paper:#fffdf9;--rose:#ae5367;--rose-dark:#873c50;--ink:#34231f;--muted:#735f58;--line:#e5d9d0;--blush:#f2e7e2;--sage:#dce4d9;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--rose);outline-offset:4px}header{min-height:96px;padding:20px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#faf7f2f5;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{font:italic 24px var(--serif);letter-spacing:-.7px}.brand span{display:block;font:9px var(--sans);letter-spacing:3px;margin-top:9px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center}header nav{font-size:13px}header nav>a:not(.button):hover{color:var(--rose)}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 25px;background:var(--rose);color:white;border:1px solid var(--rose);border-radius:40px;font-size:13px;font-weight:600;line-height:1.4}.button:hover,button.primary:hover{background:var(--rose-dark)}.button.small{padding:12px 19px;font-size:12px}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{background:var(--blush)}.icon-button{border:0;background:transparent;font-size:24px;color:var(--ink);padding:8px}.skip{position:fixed;left:16px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:99}.skip:focus{top:10px}#menu{display:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.7px;text-transform:uppercase;color:var(--rose);margin:0 0 22px}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:60px;padding:80px 5vw 70px;align-items:center}.hero h1{font:clamp(45px,5.4vw,82px)/1.09 var(--serif);font-weight:400;letter-spacing:-3px;margin:0 0 27px;max-width:650px}.hero h1 em{font-weight:400;color:var(--rose)}.hero .lead{font-size:15px;max-width:410px;color:var(--muted);line-height:1.9}.hero .actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.micro{font-size:11px;color:var(--muted);margin-top:17px}.hero-art{min-height:490px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 60%,#ead4ca80,transparent 68%)}.arch{width:310px;min-height:420px;border-radius:180px 180px 12px 12px;background:linear-gradient(145deg,#e9cfc5,#d8a994);padding:90px 35px 40px;position:relative;box-shadow:12px 20px 50px #6c42351a;text-align:center}.arch:before{content:'';position:absolute;inset:15px;border:1px solid #ffffff75;border-radius:170px 170px 4px 4px}.arch .flower{font:70px var(--serif);color:#fff8ed;display:block;margin-bottom:26px}.arch blockquote{font:italic 30px/1.4 var(--serif);margin:0;position:relative}.arch .caption{font-size:9px;letter-spacing:2px;margin-top:28px;text-transform:uppercase}.floating-note{position:absolute;bottom:28px;left:-16px;background:var(--paper);border:1px solid var(--line);padding:18px 24px;border-radius:8px;transform:rotate(-5deg);font:italic 19px var(--serif);box-shadow:0 6px 20px #00000005}.orbit{position:absolute;right:0;top:55px;color:var(--rose);font-size:35px}.ribbon{border-block:1px solid var(--line);display:flex;justify-content:center;gap:45px;padding:19px 20px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.ribbon span:before{content:'✧';margin-right:14px;color:var(--rose)}section{padding:76px max(5vw,24px)}.section-inner{max-width:1120px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2,h2{font:400 clamp(31px,3.1vw,46px)/1.2 var(--serif);letter-spacing:-1px;margin:0}.section-heading p{margin:14px 0 0;color:var(--muted);max-width:480px;font-size:14px}.section-heading .eyebrow{margin:0 0 14px}.text-link{color:var(--rose);font-size:13px;border-bottom:1px solid #ae536750;padding-bottom:3px}.test-shell{background:var(--ink);color:var(--cream);border-radius:15px;padding:45px 50px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.test-shell h3{font:400 34px/1.2 var(--serif);margin:14px 0}.test-shell p{color:#ddc9c0;font-size:14px}.test-shell .eyebrow{color:#efb9c2}.test-parts{display:flex;gap:25px;padding:20px 0;margin-bottom:16px;border-top:1px solid #ffffff25}.test-parts span{font-size:11px;color:#ddc9c0;display:block}.test-parts strong{font:22px var(--serif);font-weight:400}.test-note{font-size:11px!important;max-width:450px}.soft{background:#f0eae3}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.chip{background:transparent;border:1px solid var(--line);padding:8px 16px;border-radius:24px;color:var(--muted);font-size:12px}.chip.active,.chip:hover{background:var(--ink);border-color:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card-visual{min-height:160px;background:#ead8cc;position:relative;display:flex;align-items:center;justify-content:center;font:italic 52px var(--serif);color:#9c7665;overflow:hidden}.card-visual:before{content:'';width:130px;height:130px;border:1px solid #b28b7760;border-radius:70px 70px 0 0;position:absolute;transform:rotate(20deg)}.card:nth-child(2n) .card-visual{background:#dee3d8;color:#73836d}.card:nth-child(3n) .card-visual{background:#eadce0;color:#a16d7b}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.tag{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--rose)}.card h3{font:400 25px/1.25 var(--serif);letter-spacing:-.5px;margin:14px 0}.card p{font-size:13px;color:var(--muted);margin:0 0 22px}.card .card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.empty{border:1px dashed #c6b6ac;border-radius:12px;padding:35px;text-align:center;color:var(--muted);grid-column:1/-1}.empty h3{font:26px var(--serif);color:var(--ink);margin-top:0}.quote-band{text-align:center;background:#e7d9d1;padding-block:55px}.quote-band blockquote{max-width:750px;margin:0 auto;font:italic clamp(25px,3vw,40px)/1.4 var(--serif)}.quote-band .eyebrow{color:var(--muted);margin-bottom:20px}.diary-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.diary-intro p{color:var(--muted);font-size:14px;max-width:400px}.diary-paper{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #67493a05}.prompts{display:flex;flex-wrap:wrap;gap:8px}.prompts button{font-size:11px;border:1px solid var(--line);background:var(--cream);color:var(--muted);padding:7px 12px;border-radius:20px}.moods{display:flex;justify-content:space-between;gap:5px;margin-bottom:15px}.mood{border:1px solid transparent;background:transparent;padding:5px 8px;border-radius:8px;font-size:11px;color:var(--muted)}.mood span{display:block;font-size:23px}.mood.selected{border-color:var(--rose);background:var(--blush)}label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px}input,select,textarea{width:100%;padding:12px;border:1px solid #cdbeb3;background:var(--paper);color:var(--ink);border-radius:7px;font-size:14px}textarea{resize:vertical;min-height:140px;line-height:1.7}#journal-text{background:repeating-linear-gradient(var(--paper),var(--paper) 31px,#e5d9d088 32px);line-height:32px;min-height:192px;border:0;border-bottom:1px solid var(--line);border-radius:0}.journal-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.journal-actions p{font-size:10px;max-width:210px;color:var(--muted)}.history{margin-top:22px}.history details{padding:12px 0;border-top:1px solid var(--line)}.history p{white-space:pre-wrap;font-size:13px}.notice{background:var(--blush);border-left:3px solid var(--rose);padding:16px 20px;color:var(--muted);font-size:12px;border-radius:0 8px 8px 0}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:12px}.panel h3{font:400 28px var(--serif);margin-top:0}.panel p{font-size:13px;color:var(--muted)}.check{display:flex;gap:10px;align-items:start;font-weight:400;line-height:1.6}.check input{width:18px;height:18px;flex-shrink:0;margin-top:2px}.check a{text-decoration:underline}.form-error{color:#a22d40;font-size:13px;min-height:22px}.form-success{color:#365a3a;font-size:13px;white-space:pre-wrap}.letters{background:#e8d6d1}.letters-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.letters h2{max-width:450px}.letters p{color:var(--muted);font-size:14px;max-width:440px}.letters form{background:var(--paper);padding:30px;border-radius:12px;border:1px solid var(--line)}.badge{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:11px}.page-document{max-width:820px;margin:0 auto;padding:70px 24px;min-height:60vh}.page-document h1{font:48px var(--serif);letter-spacing:-1px}.page-document h2{font-size:28px;margin-top:35px}.page-document p{color:var(--muted)}.page-document a{text-decoration:underline;color:var(--rose)}.article-content{font:19px/1.9 var(--serif);white-space:pre-wrap}.article-content p{color:var(--ink)}footer{padding:45px max(5vw,24px) 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}.footer-top p{font-size:11px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.footer-bottom nav{gap:20px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:10px;z-index:50;font-size:13px;display:none;max-width:90vw}dialog{max-width:800px;width:calc(100% - 30px);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:15px;padding:45px;max-height:88vh}dialog::backdrop{background:#21171199;backdrop-filter:blur(4px)}dialog h2{margin-right:20px}dialog .close{position:absolute;right:12px;top:10px}.quiz-full{display:block}.quiz-full h3{font-size:30px}.quiz-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#d8bfb3}.quiz-top button{color:var(--cream);border:1px solid #ffffff40;background:transparent;border-radius:20px;padding:4px 12px}progress{width:100%;height:5px;margin:20px 0;accent-color:#e7adba}.answers{display:grid;gap:12px;margin:25px 0}.answers button{padding:17px 20px;text-align:left;border:1px solid #ffffff40;background:#ffffff05;border-radius:8px;color:var(--cream)}.answers button:hover{background:#ffffff15;border-color:#dfabb7}.results{display:grid;grid-template-columns:1fr 1fr;gap:22px}.result-box{padding:22px;border:1px solid #ffffff25;border-radius:10px}.result-box h4{font:27px var(--serif);margin:12px 0}.test-shell .notice{background:#ffffff10;border-color:#d999a8;color:#ecd8d0}.dimension{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:8px 0;font-size:12px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}audio{width:100%;margin-block:20px}.embed{width:100%;height:330px;border:0;border-radius:10px;margin-block:25px}.admin-main{max-width:1200px;padding:40px 25px;margin:auto}.admin-main h1{font:40px var(--serif)}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.admin-layout{display:grid;grid-template-columns:320px 1fr;gap:25px}.admin-list button{width:100%;text-align:left;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:7px;margin-bottom:8px;color:var(--ink)}.admin-list small{display:block;color:var(--muted)}.inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stat{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.stat strong{display:block;font:30px var(--serif)}.admin-card{padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--paper);margin-bottom:15px}.admin-card pre{white-space:pre-wrap;word-break:break-word;font:14px/1.7 var(--sans)}.danger{background:#fff1ed;color:#86371c}.code{overflow-wrap:anywhere;font-family:monospace;font-size:13px;padding:15px;border:1px solid var(--line);border-radius:8px;display:block}.only-mobile{display:none}
@media(max-width:900px){header{padding:17px 22px;min-height:82px}.brand{font-size:22px}#menu{display:block}header nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--cream);padding:25px;border-bottom:1px solid var(--line);align-items:stretch;gap:20px}header nav.open{display:flex;flex-direction:column}.hero{gap:20px;padding-top:45px}.hero h1{font-size:58px}.hero-art{min-height:400px}.arch{width:260px;min-height:360px;padding:70px 25px 35px}.arch blockquote{font-size:26px}.floating-note{font-size:15px;left:0}.ribbon{gap:20px;flex-wrap:wrap}.grid{gap:15px}.card-body{padding:19px}.diary-layout,.letters-layout{gap:30px}.test-shell{padding:35px}.admin-layout{grid-template-columns:240px 1fr}}
@media(max-width:640px){html{scroll-padding-top:100px}.hero{grid-template-columns:1fr;padding:40px 24px 25px;gap:5px}.hero h1{font-size:51px;letter-spacing:-2px}.hero .lead{font-size:14px}.hero-art{min-height:350px}.arch{min-height:300px;width:240px;padding:48px 25px 25px}.arch .flower{font-size:45px;margin-bottom:15px}.arch blockquote{font-size:25px}.arch .caption{margin-top:17px}.floating-note{bottom:10px;left:12px}.orbit{top:30px;right:20px}.ribbon{font-size:9px;gap:12px;justify-content:start;padding:18px 24px}.ribbon span:before{margin-right:7px}section{padding:48px 22px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:15px}h2,.section-heading h2{font-size:34px}.test-shell{grid-template-columns:1fr;gap:15px;padding:27px 23px}.test-shell h3{font-size:28px}.test-parts{gap:20px;margin-bottom:0}.test-parts strong{font-size:20px}.grid{grid-template-columns:1fr}.card{display:grid;grid-template-columns:90px 1fr}.card-visual{min-height:100%;font-size:35px}.card-visual:before{width:70px;height:120px}.card h3{font-size:23px}.card p{font-size:12px;margin-bottom:17px}.diary-layout,.letters-layout,.community-grid{grid-template-columns:1fr;gap:25px}.diary-paper,.panel,.letters form{padding:23px}.mood{padding:5px;font-size:10px}.journal-actions{align-items:start}.journal-actions .button{padding:12px 18px;white-space:nowrap}.footer-top,.footer-bottom{flex-direction:column;display:flex}.footer-bottom nav{flex-wrap:wrap;gap:16px}.results{grid-template-columns:1fr}.answers button{padding:16px}.hero .actions .button{font-size:12px;padding:14px 20px}dialog{padding:40px 24px}.page-document h1{font-size:36px}.article-content{font-size:18px}.admin-layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.embed{height:220px}.only-mobile{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}