:root{--paper:#fffdf8;--cream:#f6f5f1;--orange:#f76613;--ink:#191b22;--muted:#626b7b;--line:#ece8df;--soft:#fff0dd;--blue:#eaf3ff;--yellow:#fff6d8;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;background:var(--cream)}
body{background:radial-gradient(ellipse at 15% 0,#ffebc860,transparent 45%),var(--cream)}
h1,h2,.result-subtitle,.art-card b{font-family:inherit}h1,h2{font-weight:850;letter-spacing:-.045em}h1{line-height:1.28}h2{line-height:1.5;letter-spacing:-.025em}em{font-style:normal;color:var(--orange)}
.shell{max-width:620px;background:var(--paper);padding:26px 26px 48px;min-height:100svh}.top{margin-bottom:30px;justify-content:space-between;flex-direction:row-reverse}.home .top{flex-direction:row}.brand{font-size:16px;color:var(--ink);letter-spacing:0}.brand img{width:30px;height:45px}.back{border:0;background:#fff1e2;color:var(--orange);font-size:30px}.eyebrow{display:inline-block;background:#fff0e5;border-radius:30px;padding:9px 14px;letter-spacing:.025em;font-size:12px;color:#cc4d00}.button{background:linear-gradient(105deg,#ff851e,#f45c12);border-radius:32px;min-height:56px;box-shadow:0 9px 20px #ed65151c;font-weight:750}.button.secondary{box-shadow:none}.actions{gap:14px}.button:hover{filter:brightness(.97)}.button:focus-visible,.tabs button:focus-visible,input:focus-visible{outline:3px solid #236cc0;outline-offset:4px}
.home-copy{padding:10px 0 8px}.home-copy h1{font-size:clamp(30px,7.4vw,48px);margin:24px 0 16px}.home-copy p{font-size:16px}.hero-art{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}.home-hero{margin:15px 0 12px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.benefits>span{padding:17px 9px;background:#fff0e5;border-radius:19px;text-align:center;font-size:14px;font-weight:750}.benefits>span:nth-child(2){background:var(--blue)}.benefits>span:nth-child(3){background:var(--yellow)}.benefits small{display:block;font-size:10px;font-weight:400;margin-top:6px}.home-bottom .actions{margin-top:24px}.footer-note{font-size:12px}.heading{margin:20px 0 28px}.heading h1{margin-top:18px;font-size:clamp(25px,6.7vw,34px)}.lead{line-height:1.9}.palm{border:0;background:#fff4dd}.palm img{max-height:450px;object-fit:contain}.palm figcaption{background:#fff8e9}.pattern-grid{gap:12px}.pattern{border-radius:24px;padding:18px 13px;transition:background .18s,border-color .18s}.pattern.selected{border-color:var(--orange);background:#fff4e7;padding:17px 12px;box-shadow:0 0 0 3px #ff7c1312}.pattern img{height:135px}.pattern strong{font-size:18px}.pattern p{font-size:13px}.pattern-grid:has(>[data-pattern="loop"]){grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-grid:has(>[data-pattern="loop"]) .pattern{padding:16px 9px}.pattern-grid:has(>[data-pattern="loop"]) .pattern.selected{padding:15px 8px}.pattern-grid:has(>[data-pattern="loop"]) img{height:110px}.pattern-grid:has(>[data-pattern="loop"]) p{font-size:11px}.selection-row{padding:24px;border:0;background:var(--blue);gap:18px;margin-top:22px}.selection-row:nth-of-type(even){background:var(--yellow)}.selection-row img{width:76px;height:100px}.selection-row strong{font-size:24px}.text-button{background:white;border:1px solid #ffb580;color:#bb4300;font-size:13px;min-height:44px}.selection-row .text-button{flex-shrink:0}.selection-row small{font-size:13px}
.result-header{padding:12px 0 28px;border:0}.identity{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;margin-top:8px;gap:6px}.identity>div{z-index:1}.identity .hero-art{align-self:center}.result-header h1{font-size:clamp(36px,9vw,58px);margin:18px 0 13px;line-height:1.15;letter-spacing:-.055em}.result-subtitle{font-size:17px;font-weight:650;line-height:1.8}.keywords{margin-top:20px;gap:7px}.keywords span{background:#fff7e7;border:0;padding:10px 13px;color:#4a3923;font-weight:600}.mini-hands{margin-top:20px}.mini-hands span{background:#f4f4f1;padding:12px 14px}.section{margin:24px 0 0;padding:27px 24px;border:1px solid #f0e6d5;border-radius:25px;background:white}.section h2{font-size:21px;margin-bottom:20px}.section p{font-size:15px;line-height:1.95}.tint-yellow{background:linear-gradient(135deg,#fff9e7,#fff4ce);border-color:transparent}.tint-blue{background:linear-gradient(135deg,#eff6ff,#e7f0ff);border-color:transparent}.section .eyebrow{background:white;margin-bottom:12px}.moments li{padding:16px;background:#ffffffc9;border:0;border-radius:16px;margin-bottom:12px;font-size:14px}.moments li:before{color:#c04b00;font-weight:700}.section summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;font-size:20px;font-weight:750;line-height:1.6;list-style:none}.section summary::-webkit-details-marker{display:none}.section details{margin-top:22px}.section details summary{font-size:14px;padding:13px;background:#ffffffaa;border-radius:12px}.section[open]>summary{margin-bottom:20px}details[open]>p{margin-top:16px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.tabs button{border:1px solid transparent;background:#ffffffd9;border-radius:24px;min-height:46px;padding:10px 12px;font-size:13px;color:#465473;line-height:1.5}.tabs button[aria-selected="true"],.tabs button[aria-pressed="true"]{background:var(--orange);color:white}.tabs.audience{grid-template-columns:repeat(3,minmax(0,1fr))}.tool{background:#fff8e6}.tool-note{color:var(--muted);font-size:13px!important}.tool blockquote{margin:20px 0;background:white;border-radius:18px;padding:22px 20px;line-height:1.9;color:#334b70;font-size:15px;border-left:3px solid #f88a32}.copy-status{font-size:12px!important;color:#74614d;min-height:0;margin-top:12px}#audience-detail{background:#ffffffc0;border-radius:16px;padding:18px}#challenge-detail h3{font-size:16px;margin:20px 0 12px}#challenge-detail{margin-bottom:16px}.action-panel{background:#fff0e5;border:0}.weekly{display:grid;gap:12px;margin-top:20px}.weekly label{display:flex;gap:13px;align-items:flex-start;padding:18px;background:white;border-radius:17px;font-size:14px;line-height:1.8;cursor:pointer}.weekly input{accent-color:var(--orange);width:19px;height:19px;flex-shrink:0;margin-top:3px}.reflection{margin-top:22px;font-size:13px!important;color:var(--muted)}.result-actions{margin-top:35px;padding:28px 0;border-top:1px solid var(--line)}.result-actions h2{margin-top:17px}.result-footer{border-top:0;margin:0;padding:0}.loading{gap:22px;min-height:75svh}.loading h1{font-size:30px}.loading .hero-art{max-width:440px;margin:auto}.loading-track{height:9px;background:#ecebe7;border-radius:20px;overflow:hidden}.loading-track span{display:block;background:var(--orange);height:100%;width:36%;border-radius:20px;animation:prepare 1.3s ease-in-out infinite alternate}.modal{background:#242733f2}.modal-bar{position:sticky;top:0;padding:10px;background:#242733;border-radius:16px;z-index:1}.preview{box-shadow:0 20px 60px #0003}.modal-actions{padding-bottom:25px}
@keyframes prepare{from{transform:translateX(-20%)}to{transform:translateX(190%)}}
.identity-long{grid-template-columns:1fr}.identity-long h1{font-size:clamp(34px,8vw,50px);white-space:nowrap}.identity-long .hero-art{width:65%;margin:8px auto 0}.identity-long .result-subtitle{font-size:17px}
@media(max-width:360px){.shell{padding:22px 17px 38px}.brand{font-size:14px}.section{padding:23px 18px}.section h2,.section summary{font-size:19px}.pattern-grid{gap:8px}.selection-row{padding:20px 15px;gap:12px}.identity{grid-template-columns:1.2fr 1fr}.result-subtitle{font-size:15px}}
@media(min-width:760px){.shell{margin:28px auto;border-radius:32px;box-shadow:0 20px 70px #25252008}.shell.home{max-width:1040px;padding:35px 45px 40px}.home-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;margin-top:20px}.home-copy{padding:0}.home-hero{grid-column:2;grid-row:1/3;align-self:center}.home-bottom{grid-column:1}.home-copy h1{font-size:46px}.home-bottom .actions{max-width:none}.section{padding:32px}.identity{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}