@charset "UTF-8";
/* Local demo account and administration surfaces */
.notice{position:sticky;top:10px;z-index:20;background:#e2eddc;border:1px solid #a8bf9d;padding:13px 18px;border-radius:5px;margin-top:16px;box-shadow:0 3px 14px #0001;font-size:13px}.notice.bad{background:#f7e5db;border-color:#c58f70}.wide-panel{padding:30px;border:1px solid #dddfd2;border-radius:6px;margin-bottom:32px;background:#fbfaf5;scroll-margin-top:30px}.wide-panel h2{font-family:var(--serif);font-weight:400}.wide-panel h3{font-size:17px;font-weight:500;margin-top:26px}.wide-panel small{font-size:11px;color:#78816d}.activity-banner{background:#edf0e4;padding:18px;margin-bottom:20px;font-size:12px;line-height:1.8}.activity-banner p{margin:7px 0 0}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.wide-panel button,dialog button,.preview-result button{padding:10px 14px;background:#edf0e4;color:#24493e;border:1px solid #cdd6c4;border-radius:4px;font-size:12px;cursor:pointer;margin:3px 0}.wide-panel button:hover,dialog button:hover,.preview-result button:hover{background:#dae3ce}button:disabled{opacity:.45;cursor:not-allowed}.wide-panel input,dialog input{display:block;width:100%;padding:11px;margin:8px 0 17px;border:1px solid #cdd6c4;border-radius:4px;background:#fffef9;color:#243d38}.wide-panel label,dialog label{display:block;font-size:12px}.wide-panel .failure-control{display:flex;align-items:center;gap:8px}.failure-control input{width:auto;margin:0}.subnote{font-size:11px;line-height:1.9;color:#737d6b}.warning{font-size:12px;padding:13px;background:#f2e9d8;line-height:1.8}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.pillars>div{background:#e6ecdd;border-radius:4px;text-align:center;padding:12px 4px}.pillars small,.pillars strong,.pillars span{display:block}.pillars strong{font-size:22px;margin:9px 0}.pillars small,.pillars span{font-size:10px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.saved-card{min-width:0}.saved-card svg,.detail-art svg{display:block;width:100%;height:auto;border-radius:6px}.saved-card p{font-size:10px;color:#747f70}.saved-card button{padding:8px;font-size:10px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.admin-grid form{padding:20px;border:1px solid #dde2d1;border-radius:4px}.table-scroll{max-width:100%;overflow:auto;margin:20px 0}table{width:100%;border-collapse:collapse;min-width:520px;font-size:12px}td,th{text-align:left;padding:12px;border-bottom:1px solid #dde2d1;line-height:1.8}th{background:#edf0e4}dialog{width:min(540px,calc(100% - 28px));max-height:88dvh;overflow:auto;border:1px solid #cdd6c4;background:#faf8f0;color:#243d38;border-radius:9px;padding:25px}dialog::backdrop{background:#18372cd0;backdrop-filter:blur(4px)}dialog h2{font-family:var(--serif);font-size:22px;font-weight:400}dialog p{font-size:13px;line-height:1.9}.recovery{display:block;overflow-wrap:anywhere;background:#e7eddf;padding:18px;margin:18px 0;font-size:15px}.task{padding:13px;background:#f2ebda;margin-top:14px;font-size:12px}.detail-art{max-width:360px;margin:10px auto 20px}@media(max-width:960px){.header nav{gap:15px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.header nav{gap:15px;flex-wrap:wrap}.wide-panel{padding:20px 15px}.admin-grid{grid-template-columns:1fr;gap:15px}.gallery{grid-template-columns:1fr}.saved-card{max-width:360px}.panel-top{flex-wrap:wrap}dialog{padding:20px}.pillars strong{font-size:19px}}
:root{--paper:#f6f4ed;--ink:#243d38;--muted:#747d70;--line:#dddfd2;--green:#254f43;--accent:#ae6748;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #b47852;outline-offset:4px}a:hover{color:var(--accent)}.header{max-width:1320px;margin:auto;min-height:104px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:2px;font-weight:600}.brand-mark{display:grid;place-items:center;width:42px;height:46px;border:1px solid #557161;border-radius:5px 5px 15px 5px;font-family:var(--serif);font-size:26px;font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:6px;color:var(--muted);font-weight:400}nav{display:flex;gap:33px;font-size:13px}nav a{padding:15px 0}.nav-active{position:relative}.nav-active:after{content:"";position:absolute;bottom:4px;left:50%;width:4px;height:4px;background:var(--green);border-radius:50%}.mode{display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid #ccd7c6;padding:7px 11px;border-radius:20px;background:#edf0e5;white-space:nowrap}.mode>span{height:5px;width:5px;border-radius:50%;background:#628268}main{max-width:1208px;margin:auto;padding:0 44px}.intro{position:relative;padding:61px 0 43px}.eyebrow{font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:12px;color:#677460}.line{height:1px;width:25px;background:#8a9a7e}h1{font-family:var(--serif);font-size:clamp(40px,4.4vw,62px);font-weight:400;line-height:1.3;letter-spacing:2px;margin:25px 0 21px}h1 em{font-style:normal;color:#697f59}.spark{display:inline-block;color:#ae6748;font-family:serif;font-size:36px;vertical-align:top;margin:3px 0 0 20px}.intro-copy{line-height:1.95;color:#6a7569;font-size:14px;margin:0}.intro-note{font-size:10px;letter-spacing:1px;color:#7b8375;margin:22px 0 0}.intro-note span{margin:0 9px;color:#afb4a4}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:start;padding-bottom:65px}.input-column{min-width:0}.form-panel{padding:28px 30px;background:#fbfaf5;border:1px solid var(--line);border-radius:5px;scroll-margin-top:25px}.section-top,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.step-number{font-size:10px;letter-spacing:1.8px;color:#7b836f}.subtle{font-size:10px;color:#878c7d}.form-panel h2{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.5;margin:21px 0 9px}.section-desc{color:#808477;font-size:12px;line-height:1.8;margin:0 0 27px}fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}legend{font-size:12px;margin-bottom:10px;padding:0;color:#3b4e40}.legend-note{font-size:10px;color:#929586;margin-left:10px}.segmented{display:flex;background:#eeeee4;padding:4px;border-radius:4px;width:184px}.segmented label{flex:1;position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented span{display:block;text-align:center;padding:8px;border-radius:3px;color:#7b8173;font-size:12px}.segmented input:checked+span{background:#fafaf4;color:var(--ink);box-shadow:0 1px 4px #233a3310}.segmented input:focus-visible+span{outline:2px solid var(--accent)}.date-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}select{width:100%;height:45px;border:1px solid #d9ddce;border-radius:3px;background:#fcfcf7;color:#4d5d4d;padding:0 10px;min-width:0}.time-row{display:grid;grid-template-columns:1fr 10px 1fr;gap:10px;align-items:center}.time-colon{text-align:center;color:#a4a68d}.leap-field{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-6px 0 20px;font-size:12px}.leap-field input{accent-color:var(--green);width:17px;height:17px}.leap-field span{font-size:10px;color:#737b6b}.field-help{font-size:10px;color:#737b6b;line-height:1.9;margin:-9px 0 24px}.primary-button{border:0;border-radius:3px;background:var(--green);color:#f4f1e5;width:100%;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;transition:background .2s,transform .2s;font-size:13px;letter-spacing:1px}.primary-button:hover{background:#183d33;transform:translateY(-1px)}.primary-button>span:last-child{font-size:20px;line-height:1}.form-footnote{font-size:10px;text-align:center;color:#868a7e;line-height:1.8;margin:12px 0 0}.form-error{font-size:12px;color:#9a3e29;background:#f6e9df;border-left:2px solid #b96647;padding:10px 12px;line-height:1.7}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:26px 0}.journey>div+div{border-left:1px solid var(--line);padding-left:17px}.journey span{display:block;font-family:Georgia,serif;color:#9aab8b;font-style:italic;font-size:19px;margin-bottom:8px}.journey strong{font-size:11px;font-weight:500;letter-spacing:1px}.journey p{font-size:10px;color:#858b7d;line-height:1.8;margin:6px 0 0}.rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;scroll-margin-top:30px}.rules summary{padding:19px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.7}.rules summary::-webkit-details-marker{display:none}.rules summary>span{font-size:19px;color:#89947b}.rules[open] summary>span{transform:rotate(45deg)}.rules>div{font-size:11px;color:#6d7868;line-height:2;padding-bottom:12px}.rules ul{padding-left:19px}.rules-note{color:var(--accent)}.preview-column{min-width:0;margin-top:-260px}.preview-heading{margin-bottom:17px;padding:0 3px}.sample-tag{font-size:10px;color:#7d846f}.art-card{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:180px 180px 4px 4px;background:#204a45;box-shadow:0 18px 40px #29453917;color:#f2e7c9}.art-scene{width:100%;height:100%;position:absolute;inset:0}.art-top{position:absolute;z-index:1;top:14%;left:13%;right:13%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#e4d9b299}.art-caption{position:absolute;bottom:0;left:0;width:100%;padding:0 9% 6%;background:linear-gradient(transparent,#123733a6)}.art-kicker{font-size:9px;letter-spacing:4px;color:#e9dcac}.art-caption h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.8vw,37px);letter-spacing:3px;line-height:1.4;margin:11px 0}.art-caption>p{font-size:10px;letter-spacing:1px;color:#ddd6b6;margin:12px 0 24px}.art-bottom{border-top:1px solid #d1cfa732;padding-top:13px;display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1px;color:#cecaaa}.preview-caption{display:flex;justify-content:space-between;gap:12px;color:#7b826f;font-size:10px;line-height:1.8;letter-spacing:.7px;margin:18px 3px}.preview-caption>span:last-child{font-family:Georgia,serif;font-style:italic}.preview-result{background:#eceee2;border:1px solid #dce1ce;padding:22px;margin-top:24px;border-radius:4px;scroll-margin-top:25px}.preview-result h3{font-family:var(--serif);font-weight:400;font-size:21px;margin:14px 0}.preview-result p{font-size:12px;line-height:1.9;color:#63725e}.preview-result .result-note{font-size:11px;color:#85765c;border-top:1px solid #d5d9c8;padding-top:12px}footer{border-top:1px solid var(--line);padding:26px 0 33px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#89917f}footer>span:first-child{font-family:var(--serif);font-size:15px;letter-spacing:2px;color:#5b6e57}footer p{margin:0}.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(min-width:1440px){.intro{padding-top:78px}.workspace{gap:90px}.preview-column{margin-top:-275px}}@media(max-width:960px){.header{padding:0 30px;min-height:86px}main{padding:0 30px}.workspace{gap:34px}.form-panel{padding:24px 21px}.preview-column{margin-top:-160px}.intro{padding-top:43px}.intro h1{font-size:46px}.intro-copy{font-size:12px}.form-panel h2{font-size:19px}.subtle{display:none}.art-card{border-radius:140px 140px 4px 4px}.art-caption>p{font-size:9px;letter-spacing:0}.art-top{font-size:7px;letter-spacing:1px}nav{gap:20px}}@media(max-width:680px){.header{min-height:83px;padding:16px 21px;flex-wrap:wrap;gap:15px}.brand{font-size:16px;gap:10px}.brand-mark{width:33px;height:37px;font-size:23px}.brand small{font-size:6px;letter-spacing:1.6px}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);gap:42px;font-size:12px}nav a{padding:12px 0 6px}.nav-active:after{bottom:-1px}.mode{font-size:10px;padding:6px 9px}main{padding:0 22px}.intro{padding:35px 0 32px}h1,.intro h1{font-size:43px;letter-spacing:1px;margin-top:21px}.spark{font-size:27px;margin-left:12px}.eyebrow{font-size:10px;letter-spacing:2px}.intro-copy{font-size:12px;line-height:1.9}.intro-note{font-size:9px;letter-spacing:0;margin-top:16px}.intro-note span{margin:0 5px}.workspace{grid-template-columns:1fr;gap:31px;padding-bottom:35px}.form-panel{padding:24px}.form-panel h2{font-size:22px}.subtle{display:block;font-size:9px}.preview-column{margin-top:0;max-width:460px;width:100%;margin-inline:auto}.art-card{border-radius:160px 160px 4px 4px}.art-caption h2{font-size:33px}.art-caption>p{font-size:10px;letter-spacing:.8px}.art-top{font-size:8px}.art-caption{padding-bottom:6%}.journey{padding:22px 0}.preview-heading{margin-bottom:15px}footer{flex-wrap:wrap;gap:12px}footer>span:last-child{width:100%;font-size:9px}footer p{font-size:9px}}@media(max-width:360px){main{padding:0 15px}.header{padding-inline:15px}.intro h1{font-size:37px}.form-panel{padding:21px 17px}.form-panel h2{font-size:20px}.subtle{display:none}.art-caption h2{font-size:29px}.art-caption>p{margin-bottom:15px}.art-bottom{letter-spacing:0}.sample-tag{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}