/* A small, warm creative space inside the Csillagjel design system. */
.sc-page{background:radial-gradient(ellipse at 80% 10%,#24342c55,transparent 45%),var(--astro-bg,#101421)}
.sc-page .skip-link{position:absolute;left:12px;top:0;transform:translateY(-110%);z-index:100;background:#dfbd85;color:#141b26;padding:12px 18px;border-radius:0 0 8px 8px}.sc-page .skip-link:focus{transform:none}
.sc-page .footer-links{display:flex;gap:14px 22px;flex-wrap:wrap}.sc-page .site-version{margin:22px auto 0;color:#aeb6c2;font-size:11px}
.sc-page .primary-btn,.sc-feature-teaser .primary-btn{display:inline-flex;align-items:center;justify-content:center;background:#dfbd85;color:#171c24;border:1px solid #dfbd85;border-radius:8px;padding:12px 18px;font-family:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s}.sc-page .primary-btn:hover,.sc-feature-teaser .primary-btn:hover{background:#f2d7a8}.sc-page .primary-btn:disabled{background:#766b59;border-color:#766b59;color:#eee4d5;cursor:not-allowed}.sc-page button:focus-visible,.sc-page a:focus-visible{outline:2px solid #f3d398;outline-offset:4px}
.sc-page .app-header{position:relative}.sc-page .app-header .container{display:flex;justify-content:space-between;align-items:center}.sc-page .app-header nav{display:flex;gap:20px;font-size:13px}.sc-page .app-header nav a{color:#d1c7b6;text-decoration:none}
.sc-page main{padding-bottom:55px}.sc-page [hidden]{display:none!important}
#self-card-content{padding-top:55px;color:#f3eee5}#self-card-content *,#self-card-content *:before{box-sizing:border-box}
.sc-intro{max-width:850px;margin:0 auto 44px;text-align:center}.sc-intro .eyebrow{color:#dfbd85;margin:0 0 15px}.sc-intro h1{font:400 clamp(38px,5vw,68px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 20px}.sc-intro h1 em{font-weight:400;color:#dfbd85}.sc-intro>p:not(.eyebrow){max-width:630px;margin:0 auto;color:#c4c3cb;font-size:17px;line-height:1.8}.sc-intro-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:24px;font-size:11px;color:#c9b594;letter-spacing:.02em}
.sc-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start}.sc-controls{padding:0;min-width:0}.sc-controls>fieldset{display:block;border:0;padding:0;margin:0 0 32px;min-width:0}.sc-controls legend{float:none;width:100%;font:400 24px/1.4 Georgia,serif;color:#f3eee5;margin-bottom:6px;padding:0}.sc-controls legend>span{font:500 10px Arial,sans-serif;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #dfbd8545;border-radius:50%;color:#dfbd85;vertical-align:4px;margin-right:10px}.sc-help{font-size:12px;line-height:1.8;color:#b4b5c0;margin:8px 0 12px}.sc-controls label{font-size:13px;color:#ded9d2}
.sc-eyes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.sc-eyes label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:103px;border:1px solid #d2c3a621;border-radius:12px;padding:12px 5px;background:#1b2230;cursor:pointer;position:relative;font-size:11px;text-align:center}.sc-eyes label:has(input:checked){border-color:#dfbd85;background:#283035;box-shadow:0 0 0 1px #dfbd8533 inset}.sc-eye-dot{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 32% 29%,#ffffffd9 0 9%,transparent 11%),radial-gradient(circle,#10141c 0 24%,var(--eye-dark) 25%,var(--eye) 50%,var(--eye-dark) 74%,#121725 76%);box-shadow:0 0 0 1px #ffffff25,0 3px 10px #0006}.sc-eyes input,.sc-traits input,.sc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.sc-eyes label:has(input:focus-visible),.sc-traits label:has(input:focus-visible){outline:2px solid #f5d594;outline-offset:4px}.sc-eyes label:hover,.sc-traits label:hover span{border-color:#dfbd8580}
.sc-two-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:16px}.sc-two-fields label{display:flex;flex-direction:column;gap:6px}.sc-two-fields small{font-size:11px;color:#b4b5c0}.sc-two-fields input,.sc-two-fields select{width:100%;min-height:48px;background:#1b2230;border:1px solid #d2c3a62b;border-radius:8px;color:#f3eee5;padding:10px 12px;font:14px/1.5 system-ui,sans-serif}.sc-two-fields label:has(small){display:block}.sc-two-fields label small{display:inline}.sc-two-fields label input{display:block;margin-top:6px}
.sc-traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sc-traits label{position:relative;cursor:pointer}.sc-traits span{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border-radius:24px;background:#1b2230;border:1px solid #d2c3a62b;font-size:12px;color:#ded9d2;transition:background .2s,color .2s}.sc-traits input:checked+span{background:#dfbd85;color:#171b22;border-color:#dfbd85}.sc-traits input:checked+span:before{content:'✓';margin-right:6px}.sc-traits input:disabled+span{opacity:.5;cursor:not-allowed}.sc-count{min-height:40px;font-size:12px;color:#ddc095;line-height:1.8;margin:14px 0 0}.sc-status{font-size:12px;line-height:1.8;color:#c4d5c2;min-height:24px;margin:12px 0 0}.sc-status:empty{min-height:0}
.sc-preview{position:sticky;top:22px;min-width:0}.sc-preview-inner{background:#1b222d;padding:21px;border:1px solid #dfbd852c;border-radius:18px;box-shadow:0 22px 65px #0004}.sc-preview-label{font-size:10px;letter-spacing:.14em;color:#dfbd85;margin:0 0 14px;display:flex;justify-content:space-between;gap:8px}.sc-preview-label span{color:#b9bcc4;letter-spacing:0}#sc-canvas{display:block;width:100%;height:auto;border-radius:9px;box-shadow:0 12px 24px #0004;background:#111827}.sc-preview figure{margin:0}.sc-preview figcaption{font-size:11px;color:#bec0c7;line-height:1.6;margin:12px 0}.sc-download-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sc-download-actions>button{flex:1;font-size:12px;white-space:normal;min-height:46px}.sc-download-actions>button:disabled{cursor:not-allowed;opacity:.48}
.sc-daily{margin-top:64px;padding:36px;border-radius:16px;border:1px solid #dfbd8530;background:linear-gradient(130deg,#25312c,#1a2330);display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.sc-daily .eyebrow{color:#c9b594}.sc-daily h2,.sc-further h2{font:400 32px/1.25 Georgia,serif;margin:9px 0 15px;color:#f3eee5}.sc-encouragement{font:italic 21px/1.5 Georgia,serif;color:#dfbd85;margin-top:22px;max-width:340px}#sc-reflection-form fieldset{border:0;padding:0;margin:0;min-width:0}#sc-question-label{display:block;font:400 22px/1.5 Georgia,serif;margin-bottom:14px;color:#f3eee5}#sc-answer{width:100%;resize:vertical;min-height:134px;background:#101b25a8;border:1px solid #d2c3a638;border-radius:10px;padding:14px;font:14px/1.8 system-ui,sans-serif;color:#f3eee5}#sc-answer::placeholder{color:#9ba4ae}.sc-answer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 12px;font-size:11px;color:#b4b5c0}.sc-text-button{color:#dbc9ab;background:none;border:0;font-size:11px;min-height:40px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}#sc-reflection-form .primary-btn{min-height:46px;font-size:13px}.sc-rollover{border-left:2px solid #dfbd85;padding-left:16px;margin-top:18px;font-size:12px}.sc-rollover .ghost-btn{font-size:12px}
.sc-history{margin-top:24px}.sc-history details{border:1px solid #dfbd8529;border-radius:12px;background:#191f2a;padding:20px 25px}.sc-history summary{cursor:pointer;font-size:15px;color:#e4d8c5;min-height:30px;line-height:30px}.sc-history summary span{font-size:11px;color:#abb3bb;margin-left:12px}.sc-history article{padding:20px 0;border-top:1px solid #ffffff12}.sc-history article:first-child{margin-top:20px}.sc-history time{font-size:11px;color:#c9b594}.sc-history h3{font:400 20px/1.5 Georgia,serif;margin:8px 0}.sc-history article p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#ccd0d4;line-height:1.8;margin:0}
.sc-further{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:38px;padding:30px 0;border-bottom:1px solid #dfbd8529}.sc-further>div{max-width:620px}.sc-further p{font-size:13px;color:#b9bbc5;margin-bottom:0}.sc-further .eyebrow{font-size:10px;color:#dfbd85}.sc-further h2{font-size:27px;margin:10px 0}.sc-further>a{flex:none;font-size:12px}.sc-data{margin-top:24px;color:#b9bbc5}.sc-data summary{font-size:12px;cursor:pointer;min-height:44px;line-height:44px}.sc-data-buttons{display:flex;flex-wrap:wrap;gap:10px}.sc-data-buttons .ghost-btn{font-size:11px}.sc-file-label{position:relative;overflow:hidden;cursor:pointer}.sc-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.sc-file-label:focus-within{outline:2px solid #dfbd85;outline-offset:3px}.sc-feature-teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dfbd8538;border-radius:12px;padding:24px;background:linear-gradient(115deg,#23312d,#1a2234);margin-top:22px}.sc-feature-teaser h3{font:400 25px Georgia,serif;margin:4px 0 8px}.sc-feature-teaser p{margin:0;color:#bfc4c7;font-size:13px}.sc-feature-teaser .eyebrow{color:#dfbd85;font-size:10px}.sc-feature-teaser .primary-btn{flex:none;font-size:12px}
@keyframes sc-glow{0%{filter:drop-shadow(0 0 0 #dfbd8500)}45%{filter:drop-shadow(0 0 18px #dfbd8550)}100%{filter:drop-shadow(0 0 0 #dfbd8500)}}.sc-celebrate .sc-preview-inner{animation:sc-glow .85s ease-out}
@media(max-width:1000px){.sc-layout{gap:30px}.sc-preview-inner{padding:15px}.sc-eyes{gap:7px}.sc-two-fields{grid-template-columns:1fr}.sc-daily{padding:26px;gap:28px}}
@media(max-width:700px){#self-card-content{padding-top:32px}.sc-page .container{width:calc(100% - 36px)}.sc-intro{margin-bottom:28px}.sc-intro h1{font-size:43px}.sc-intro>p:not(.eyebrow){font-size:15px}.sc-intro-tags{font-size:10px;gap:8px 14px;margin-top:18px}.sc-layout{grid-template-columns:1fr;gap:30px}.sc-preview{grid-row:1;position:static;max-width:360px;width:100%;margin:auto}.sc-preview-inner{padding:14px}#sc-canvas{max-width:255px;margin:auto}.sc-preview-label{font-size:9px}.sc-preview figcaption{font-size:10px}.sc-preview .sc-help{font-size:11px}.sc-controls legend{font-size:24px}.sc-two-fields{grid-template-columns:1fr 1.25fr}.sc-traits{gap:8px}.sc-traits span{font-size:12px;min-height:44px;padding:8px 13px}.sc-daily{grid-template-columns:1fr;padding:23px 20px;margin-top:30px;gap:14px}.sc-daily h2{font-size:29px}.sc-encouragement{margin:14px 0;font-size:20px}.sc-history details{padding:17px}.sc-further{display:block;margin-top:20px;padding-top:15px}.sc-further>a{margin-top:20px}.sc-data-buttons{flex-direction:column;align-items:flex-start}.sc-page .app-header .container{min-height:74px;gap:12px}.sc-page .app-header nav{gap:13px;font-size:11px}.sc-page .brand{font-size:26px}.sc-page .brand-mark{font-size:33px;width:28px}.sc-feature-teaser{display:block;padding:22px}.sc-feature-teaser .primary-btn{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.sc-celebrate .sc-preview-inner{animation:none}.sc-traits span{transition:none}}