@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fraunces-italic-vietnamese-v1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fraunces-italic-latin-ext-v1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fraunces-italic-latin-v1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fraunces-normal-vietnamese-v1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fraunces-normal-latin-ext-v1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/fraunces-normal-latin-v1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-cyrillic-ext-v1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-cyrillic-v1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-greek-ext-v1.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-greek-v1.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-vietnamese-v1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-latin-ext-v1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(/fonts/inter-normal-latin-v1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--paper:#201525;--ink:#efe3cd;--gold:#c7a46d;--gold-light:#e0c390;--muted:#aaa0ae;--line:#b38b4a40;--plum:#1b1221;--lilac:#c1aacd;--serif:'Fraunces',Georgia,serif;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--plum);color:var(--ink);font:14px var(--sans);position:relative;background-image:radial-gradient(ellipse at 50% 21%,#432b4526,transparent 60%),radial-gradient(ellipse at 20% 80%,#49355018,transparent 50%)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23noise)'/%3E%3C/svg%3E")}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--lilac);outline-offset:5px}.sky{position:absolute;inset:0 0 auto;height:1000px;overflow:hidden;pointer-events:none;z-index:-1}.sky span{position:absolute;color:var(--gold);opacity:.45;font-size:20px}.sky span:nth-child(1){top:205px;left:11%;font-size:39px}.sky span:nth-child(2){top:370px;right:12%;font-size:15px}.sky span:nth-child(3){top:590px;left:16%;font-size:19px}.sky span:nth-child(4){top:154px;right:18%;font-size:25px}.sky span:nth-child(5){top:800px;right:8%;font-size:43px}.sky span:nth-child(6){top:900px;left:9%;font-size:31px}header{max-width:1280px;margin:auto;padding:0 5%;height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font:600 28px var(--serif);letter-spacing:-1.1px}.logo>span{font-family:Georgia;font-size:16px;color:var(--gold);margin-left:6px;vertical-align:middle}.header-tag{font-size:8px;letter-spacing:2.3px;color:var(--gold)}header button,footer button{background:none;border:0;color:var(--muted);font-size:10px;padding:7px 0}header button span{margin-left:10px;color:var(--gold)}header button:hover,footer button:hover{color:var(--ink)}main{padding:33px 24px 0}.generator{max-width:680px;margin:auto}.intro{text-align:center}.celestial{display:flex;align-items:center;justify-content:center;gap:23px;color:var(--gold);margin:0 auto 13px;max-width:245px}.celestial svg{width:58px;height:58px;flex-shrink:0}.celestial>span{height:1px;background:linear-gradient(90deg,transparent,var(--gold));width:70px;opacity:.55}.celestial>span:last-child{transform:rotate(180deg)}.eyebrow{font-size:8px;letter-spacing:2.2px;font-weight:400;color:var(--gold);margin:0}.intro h1{font:500 53px/1.1 var(--serif);letter-spacing:-1.7px;margin:18px 0 16px}.intro h1 em{color:var(--gold-light);font-weight:500}.intro-copy{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 29px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.label-row label{font-size:12px;font-weight:400;color:var(--ink)}.label-row>span{font-size:7px;letter-spacing:1.2px;color:#82798a}.input-wrap{position:relative}textarea{width:100%;min-height:114px;resize:vertical;background:#24192b;border:1px solid #8a6e485f;border-radius:6px;padding:16px 18px 29px;color:var(--ink);font-size:13px;line-height:1.8;transition:border-color .2s}textarea::placeholder{color:#85798d}textarea:focus{border-color:var(--gold);outline:1px solid #c7a46d44;outline-offset:2px}#counter{position:absolute;bottom:13px;right:15px;font-size:9px;color:#80718a}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:11px}.form-bottom>span{font-size:9px;color:#887a94}.primary{border:1px solid var(--gold);background:var(--gold);color:#291c2b;padding:14px 19px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:var(--gold-light);transform:translateY(-1px)}.button-star{font-size:16px}.primary:disabled{opacity:.7;cursor:wait}#error{font-size:11px;color:#f0a4a1;margin:7px 0 0}#result{margin:29px auto 0;max-width:580px;scroll-margin-top:24px}.result-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.result-intro .eyebrow{font-size:7px;letter-spacing:1.6px}.result-intro>span:last-child{font-size:8px;color:#9c8ba8}#result-card{background:var(--paper);padding:9px;border:1px solid #c7a46dbb;border-radius:18px;position:relative;box-shadow:0 16px 70px #0005,0 0 0 4px #261b2c;scroll-margin-top:20px}#result-card:focus{outline:none}#result-card:focus-visible{outline:2px solid var(--lilac);outline-offset:6px}.card-inner{border:1px solid #c7a46d80;border-radius:11px;padding:17px 23px 20px;position:relative;overflow:hidden}.card-inner:before,.card-inner:after{content:'✧';position:absolute;top:3px;font:26px Georgia;color:var(--gold);z-index:1}.card-inner:before{left:7px}.card-inner:after{right:7px}.card-top{display:flex;justify-content:space-between;align-items:center;padding:0 12px 13px;border-bottom:1px solid var(--line);font-size:7px;color:var(--gold);letter-spacing:1.3px;gap:12px}.card-top>span:nth-child(2){font:500 15px var(--serif);letter-spacing:.5px}.card-star{font-size:12px}#illustration{max-width:460px;width:100%;margin:12px auto 0}.oracle-art{position:relative;aspect-ratio:1;overflow:hidden;background:#201525;border-radius:110px 110px 7px 7px}.oracle-art .atlas{position:absolute;max-width:none;width:300%;height:200%;object-fit:fill;pointer-events:none}.oracle-art .art-vignette{position:absolute;inset:0;box-shadow:inset 0 0 25px 8px #201525;pointer-events:none}.oracle-art:after{content:'';position:absolute;inset:0;border:1px solid #c7a46d33;border-radius:inherit;pointer-events:none}.art-topic{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;padding:7px 11px;color:#dfc89f;background:#201525e6;border:1px solid #c7a46d55;white-space:nowrap;border-radius:2px}.identity-rule{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--gold);font-size:17px;margin:12px auto 10px;max-width:190px}.identity-rule>span{width:65px;height:1px;background:var(--line)}.identity-label{font-size:7px;color:var(--gold);letter-spacing:2.2px;display:block;text-align:center}#identity{font:600 33px/1.14 var(--serif);letter-spacing:-.6px;text-align:center;text-wrap:balance;margin:10px auto 14px;max-width:465px;color:var(--ink)}#description{font-size:11px;line-height:1.9;color:#c5b8c9;text-align:center;margin:0 auto 20px;max-width:450px}.story-receipt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:18px}.story-receipt>span,.details span{font-size:7px;color:var(--gold);letter-spacing:1.3px;line-height:1.8}.story-receipt>p{font:italic 14px/1.7 var(--serif);color:#cebfce;margin:7px 0 0;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details p{font-size:10px;line-height:1.9;color:#c5b8c9;margin:7px 0 0}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:21px}.card-footer b{font:600 18px var(--serif);letter-spacing:-.6px}.card-footer b span{color:var(--gold);font:11px Georgia;padding-left:3px}.card-footer>span{font-size:5px;color:#a38ba9;letter-spacing:.7px;text-align:right;line-height:1.6}.actions{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:9px;margin-top:19px}.actions .primary{font-size:10px;padding:13px 10px}.secondary{border:1px solid #9d7e4a77;background:transparent;border-radius:4px;padding:13px 10px;color:#cdbca1;font-size:10px;transition:background .2s}.secondary:hover{background:#c7a46d11}.again{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-top:17px}.again>button{border:0;border-bottom:1px solid #8d754344;padding:0 0 4px;background:none;color:#a899b0;font-size:9px;line-height:1.5;text-align:left}.again>button:last-child{text-align:right}.examples{margin:25px auto 0}.section-rule{display:flex;justify-content:center;align-items:center;gap:17px}.section-rule>span{max-width:110px;width:30%;height:1px;background:var(--line)}.section-rule p{font-size:7px;letter-spacing:1.4px;white-space:nowrap;color:#8a7d95;margin:0}.example-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:14px}.example-buttons button{font-size:9px;color:#b3a3be;border:1px solid #9a7c4e44;border-radius:4px;padding:10px 13px;background:#2a1e3022;display:flex;align-items:center;gap:10px}.example-buttons button:hover{background:#3d2b42}.example-buttons button>span:first-child{font:italic 13px var(--serif);color:var(--gold)}.example-buttons button>span:last-child{color:#9b875f}#empty-note{display:flex;align-items:center;justify-content:center;gap:19px;margin:35px auto 30px;color:#9a8aa5}#empty-note>p{font:400 15px/1.6 var(--serif);margin:0}.deck{position:relative;width:38px;height:54px}.deck-back,.deck-front{position:absolute;inset:0;border:1px solid #a2845755;border-radius:4px;background:#24172b}.deck-back{transform:rotate(-12deg) translate(-6px,-1px)}.deck-front{transform:rotate(8deg);display:grid;place-items:center}.deck-front:before{content:'';position:absolute;inset:3px;border:1px solid #a2845733;border-radius:2px}.deck-front>span{color:#c7a46d88;font:23px Georgia}.bottom-ornament{display:flex;align-items:center;justify-content:center;gap:18px;color:#a88d59;font-size:18px;max-width:320px;margin:34px auto 28px;opacity:.6}.bottom-ornament>span{height:1px;width:95px;background:linear-gradient(90deg,transparent,var(--gold))}.bottom-ornament>span:last-of-type{transform:rotate(180deg)}footer{max-width:1280px;padding:23px 5%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);color:#88768f;font-size:8px}.footer-brand{font:500 19px var(--serif);letter-spacing:-.6px;color:#b8a5bd}footer button{font-size:8px;color:#9883a0}dialog{max-width:calc(100% - 30px);width:500px;max-height:90dvh;background:#24182c;color:var(--ink);border:1px solid #b9955d99;border-radius:10px;padding:31px;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#0f0918cc;backdrop-filter:blur(5px)}dialog h2{font:500 30px/1.15 var(--serif);margin:20px 0;color:var(--ink)}dialog p{font-size:12px;line-height:1.9;color:#b9a8c2}dialog #close{position:absolute;top:9px;right:15px;font-size:28px;border:0;background:none;color:var(--gold)}dialog textarea{font-size:10px;min-height:110px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#ead7b4;color:#24182c;padding:14px 20px;border:1px solid var(--gold);border-radius:5px;font-size:11px;z-index:12;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center;line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.header-tag{display:none}.sky span:nth-child(1){left:3%}.sky span:nth-child(4){right:5%}}@media(max-width:600px){header{height:70px;padding:0 6%;gap:15px}.logo{font-size:24px}header button{font-size:8px}header button span{margin-left:4px}main{padding:24px 18px 0}.celestial{margin-bottom:12px}.celestial svg{width:48px;height:48px}.eyebrow{font-size:7px;letter-spacing:1.5px}.intro h1{font-size:38px;letter-spacing:-1.3px;margin:16px 0 13px}.intro-copy{font-size:11px;margin-bottom:25px}.label-row label{font-size:11px}.label-row>span{display:none}textarea{min-height:116px;font-size:12px;padding:14px 15px 29px}.form-bottom{flex-direction:column;align-items:stretch;gap:10px;margin-top:9px}.form-bottom>.primary{order:-1;width:100%;padding:14px}.form-bottom>span{text-align:center;font-size:8px}#result{margin-top:25px;scroll-margin-top:15px}.result-intro .eyebrow{font-size:6px;letter-spacing:1.2px}.result-intro>span:last-child{font-size:7px}#result-card{padding:6px;border-radius:13px}.card-inner{padding:14px 14px 17px;border-radius:8px}.card-top{padding:2px 11px 10px;gap:5px;font-size:5px;letter-spacing:1px}.card-top>span:nth-child(2){font-size:13px}#illustration{margin-top:9px}.oracle-art{border-radius:80px 80px 5px 5px}.art-topic{font-size:5px;padding:5px 7px;letter-spacing:1.5px;bottom:9px}.identity-rule{margin:9px auto}.identity-label{font-size:6px}#identity{font-size:27px;line-height:1.13;margin:9px auto 13px}#description{font-size:10px;line-height:1.85}.story-receipt{padding:12px 0}.story-receipt>p{font-size:13px}.details{grid-template-columns:1fr;gap:16px}.details p{font-size:10px}.card-footer b{font-size:17px}.card-footer>span{font-size:4px;letter-spacing:.7px;max-width:105px}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions>.primary{grid-column:1/-1;font-size:11px;padding:13px}.again>button{font-size:8px;max-width:58%}.again>button:last-child{max-width:35%}.example-buttons{gap:6px}.example-buttons button{padding:8px 9px;gap:6px;font-size:8px}.section-rule p{font-size:6px;letter-spacing:1px}.section-rule{gap:12px}.section-rule>span{max-width:55px}#empty-note{margin:29px auto 24px}#empty-note>p{font-size:14px}.sky span:nth-child(1){display:none}.sky span:nth-child(4){top:114px;right:7%;font-size:12px}.bottom-ornament{margin-top:25px;margin-bottom:21px}footer{flex-wrap:wrap;padding:20px 6%;gap:15px}footer>span{order:3;width:100%;font-size:8px}.footer-brand{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.secondary:disabled{opacity:.6;cursor:wait}
.about-project{max-width:680px;margin:48px auto 0;padding-top:30px;border-top:1px solid var(--line);color:#b6a3bf}.about-project>h2{font:500 30px/1.2 var(--serif);letter-spacing:-.7px;color:var(--ink);margin:15px 0 18px}.about-project>p{font-size:11px;line-height:1.95;margin:13px 0}.faq{margin:24px 0}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:11px;color:#d6c2dd;cursor:pointer;line-height:1.7}.faq details p{font-size:11px;line-height:1.9;margin:12px 0 0;color:#a58eaf}.creator-credit{padding-top:15px;color:#bfa7c7}.creator-credit strong{font-weight:500;color:#ead9c1}.creator-credit a{display:inline-block;color:#c7a46d;border-bottom:1px solid #c7a46d55;margin-top:7px;font-size:10px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.footer-links>a,.footer-links>button{font-size:8px;color:#ad93b7}.text-page{max-width:780px;margin:40px auto 60px;padding:10px 30px 40px}.text-page h1{font:500 47px/1.1 var(--serif);letter-spacing:-1.3px;color:var(--ink);margin:18px 0 25px}.text-page h2{font:500 29px/1.2 var(--serif);margin:30px 0 15px}.text-page p{font-size:13px;line-height:1.95;color:#bba6c5}.text-page .lead{font:400 20px/1.6 var(--serif);color:#d5bfdc}.text-page .primary{display:inline-flex;margin-top:20px}.text-page p a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.text-page strong{font-weight:500;color:#ead6b3}#metrics-consent{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);width:min(950px,calc(100% - 32px));border:1px solid #bd9966;background:#291b32;padding:23px 25px;box-shadow:0 10px 90px #0009;border-radius:9px;display:flex;align-items:center;gap:25px}#metrics-consent>div:first-of-type{flex:1}#metrics-consent h2{font:500 21px/1.2 var(--serif);margin:0 0 10px;color:#efe3cd}#metrics-consent p{font-size:10px;line-height:1.85;color:#bfabc9;margin:0}#metrics-consent p a{color:#dfbf8b;text-decoration:underline;text-underline-offset:3px}#metrics-current:empty{display:none}#metrics-current{margin-top:8px!important;color:#d1b78c!important}#metrics-close{position:absolute;right:9px;top:4px;background:none;color:#cdb78e;font-size:22px;border:0;padding:1px 4px}.consent-actions{display:flex;gap:9px;flex-shrink:0}.consent-actions button{border:1px solid #b89560;background:#38263e;color:#f0dfc4;padding:12px 15px;border-radius:4px;font:500 10px var(--sans)}.consent-actions button:hover{background:#4b3553}@media(max-width:700px){.about-project{margin-top:36px}.about-project>h2{font-size:27px}.footer-links{gap:12px}.text-page{margin:25px auto 35px;padding:10px 20px 30px}.text-page h1{font-size:36px}.text-page h2{font-size:25px}.text-page p{font-size:12px}.text-page .lead{font-size:18px}#metrics-consent{bottom:12px;padding:22px 18px 17px;flex-direction:column;align-items:stretch;gap:16px}#metrics-consent h2{font-size:20px;padding-right:12px}.consent-actions{width:100%}.consent-actions button{flex:1;padding:13px 10px}#metrics-consent p{font-size:10px}}

/* Themes: artwork keeps its original engraved palette. */
:root{color-scheme:dark}html[data-theme=light]{color-scheme:light;--paper:#fff9ef;--ink:#302038;--gold:#805b28;--gold-light:#75501f;--muted:#6e5d74;--line:#805b283b;--plum:#f7f0e4;--lilac:#704582}
header .theme-toggle{flex-shrink:0;border:1px solid var(--line);border-radius:30px;padding:10px 13px;min-height:44px;color:var(--ink);font-size:10px;background:var(--paper)}header .theme-toggle:hover{border-color:var(--gold)}
html[data-theme=light] body{background-image:radial-gradient(ellipse at 50% 21%,#c9adc429,transparent 60%),radial-gradient(ellipse at 20% 80%,#dab87b18,transparent 50%)}
html[data-theme=light] textarea{background:#fffaf2;border-color:#8a6e4870}html[data-theme=light] textarea::placeholder{color:#77657d}
html[data-theme=light] .label-row>span,html[data-theme=light] #counter,html[data-theme=light] .form-bottom>span,html[data-theme=light] .result-intro>span:last-child,html[data-theme=light] .card-footer>span,html[data-theme=light] .section-rule p{color:#75617b}
html[data-theme=light] .primary{background:#84602d;border-color:#84602d;color:#fff8eb}html[data-theme=light] .primary:hover{background:#6f4d20}
html[data-theme=light] #result-card{box-shadow:0 16px 70px #50304c17,0 0 0 4px #eee2d2}
html[data-theme=light] #description,html[data-theme=light] .details p,html[data-theme=light] .story-receipt>p,html[data-theme=light] .about-project,html[data-theme=light] .faq details p,html[data-theme=light] .text-page p,html[data-theme=light] dialog p{color:#66506e}
html[data-theme=light] .secondary,html[data-theme=light] .again>button,html[data-theme=light] .example-buttons button,html[data-theme=light] #empty-note,html[data-theme=light] .faq summary,html[data-theme=light] .text-page .lead,html[data-theme=light] .text-page strong,html[data-theme=light] .creator-credit{color:#594161}
html[data-theme=light] .example-buttons button:hover{background:#e9dccd}html[data-theme=light] .deck-back,html[data-theme=light] .deck-front{background:#f3e5cf}html[data-theme=light] .deck-front>span{color:#805b28}
html[data-theme=light] footer,html[data-theme=light] .footer-brand,html[data-theme=light] .footer-links>a,html[data-theme=light] .footer-links>button{color:#6e5875}
html[data-theme=light] dialog,html[data-theme=light] #metrics-consent{background:#fff9ef;box-shadow:0 10px 90px #3d244433}
html[data-theme=light] #metrics-consent h2{color:var(--ink)}html[data-theme=light] #metrics-consent p{color:#66506e}html[data-theme=light] #metrics-consent p a,html[data-theme=light] #metrics-close,html[data-theme=light] #metrics-current{color:#75501f!important}
html[data-theme=light] .consent-actions button{background:#f3e7d4;color:#302038;border-color:#98733f}html[data-theme=light] .consent-actions button:hover{background:#e8d8bd}
html[data-theme=light] #error{color:#a12737}
@media(max-width:1100px){.header-tag{display:none}}
@media(max-width:600px){header{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:8px}header #about{order:3;flex-basis:100%;text-align:right;padding:3px 0}header .theme-toggle{margin-left:auto}.text-page~footer{align-items:center}}
html[data-theme=light] #result-card{background:var(--paper)!important}
.header-tools{display:flex;align-items:center;gap:20px}.theme-icons{display:flex;align-items:center;gap:3px;padding-left:14px;border-left:1px solid var(--line);flex-shrink:0}.theme-icons button{width:36px;height:36px;padding:8px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:transparent;border:1px solid transparent}.theme-icons svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.theme-icons button[aria-pressed=true]{color:var(--gold-light);background:#c7a46d12;border-color:var(--line)}.theme-icons button:hover{color:var(--gold);background:#c7a46d18}
@media(max-width:600px){header{padding-top:12px;padding-bottom:12px;gap:8px}.header-tools{gap:7px;margin-left:auto}header .header-tools #about{order:initial;flex-basis:auto;text-align:right;font-size:8px;padding:8px 0;max-width:85px;line-height:1.5}.theme-icons{padding-left:6px;gap:0}.theme-icons button{width:34px;height:44px;padding:8px}.theme-icons svg{width:17px;height:17px}.logo{font-size:22px}.logo>span{margin-left:3px}}
/* Keep header labels centered and theme selections circular at every width. */
header .logo{line-height:1}header .header-tools{align-items:center}header .header-tools #about{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;max-width:none;flex-basis:auto;align-self:center}
header .theme-icons button{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;aspect-ratio:1;padding:0;border-radius:50%;align-self:center}
@media(max-width:600px){header{flex-wrap:nowrap;padding-left:4%;padding-right:4%;gap:8px}.header-tools{gap:8px}header .header-tools #about{font-size:8px;padding:0;order:initial}.theme-icons{padding-left:6px;gap:0}.logo{font-size:20px}}
@media(max-width:360px){header{gap:5px}.header-tools{gap:5px}header .header-tools #about{font-size:7px}.logo{font-size:18px}header .theme-icons button{width:32px;height:32px;min-width:32px;min-height:32px;flex-basis:32px}.theme-icons{padding-left:4px}}
.quote-section{max-width:680px;margin:52px auto 0;padding:34px 0 0;border-top:1px solid var(--line);scroll-margin-top:24px}.quote-section h2{font:500 38px/1.15 var(--serif);letter-spacing:-1px;margin:15px 0 17px}.quote-section h2 em{font-weight:500;color:var(--gold-light)}.quote-intro{font-size:12px;line-height:1.9;color:var(--muted);max-width:540px;margin:0 0 27px}.quote-accordions{border-top:1px solid var(--line)}.quote-accordions details{border-bottom:1px solid var(--line)}.quote-accordions summary{list-style:none;display:flex;align-items:center;gap:18px;padding:22px 4px;cursor:pointer}.quote-accordions summary::-webkit-details-marker{display:none}.quote-number{width:27px;font:italic 20px var(--serif);color:var(--gold);flex-shrink:0}.quote-label{flex:1}.quote-label strong{font:500 20px/1.3 var(--serif);display:block;color:var(--ink)}.quote-label small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:5px}.quote-plus{font:300 22px var(--sans);color:var(--gold);transition:transform .2s}.quote-accordions details[open] .quote-plus{transform:rotate(45deg)}.quote-content{padding:0 4px 24px 49px}.quote-content ul{list-style:none;margin:0 0 21px;padding:0}.quote-content li{padding:12px 0 12px 17px;border-left:1px solid var(--line);font:400 15px/1.65 var(--serif);color:var(--ink)}.quote-content li+li{margin-top:5px}.quote-cta{font-size:10px;line-height:1.8;color:var(--gold-light);border-bottom:1px solid var(--line);padding-bottom:5px;display:inline-flex;align-items:center;gap:16px}.quote-end{font:italic 13px/1.7 var(--serif);color:var(--muted);margin:20px 0 0}.quote-accordions summary:focus-visible{outline:2px solid var(--lilac);outline-offset:4px}@media(max-width:600px){.quote-section{margin-top:37px;padding-top:27px}.quote-section h2{font-size:31px}.quote-intro{font-size:11px}.quote-accordions summary{gap:12px;padding:20px 0}.quote-label strong{font-size:18px}.quote-label small{font-size:9px}.quote-number{width:22px;font-size:18px}.quote-content{padding-left:34px}.quote-content li{font-size:14px;padding-left:13px}.quote-cta{font-size:9px}}

/* Compact public examples above the footer. */
.mini-deck{max-width:600px;margin:44px auto 22px;text-align:center;padding:0 12px}
.mini-deck h2{font:400 22px var(--serif);margin:0 0 17px;color:var(--ink)}
.mini-deck>p{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.mini-list{display:flex;gap:15px;justify-content:center}
.mini-card{flex:0 0 100px;width:100px;padding:6px 6px 9px;border:1px solid var(--line);border-radius:48px 48px 4px 4px;background:var(--paper)}
.mini-art{width:86px;height:86px;overflow:hidden;border-radius:43px 43px 3px 3px}
.mini-art img{display:block;width:100%;height:100%;object-fit:cover}
.mini-card .roman{font-size:8px;color:var(--gold);margin-top:6px}
.mini-card h3{font:400 12px/1.3 var(--serif);margin:9px 0 0;color:var(--ink)}
@media(max-width:380px){.mini-list{gap:10px}.mini-card{flex-basis:90px;width:90px}.mini-art{width:76px;height:76px}}

footer .project-credit{flex-basis:100%;font-size:12px;line-height:1.6}footer .project-credit a{text-decoration:underline;text-underline-offset:3px}footer{flex-wrap:wrap}