:root{--ink:#172019;--muted:#718075;--paper:#fff;--wash:#f3f6f0;--line:#e4e9e1;--red:#2d673d;--lime:#9ac664;--blue:#a6bbcf;--coral:#d9a69c;--glass:#fff;--glass-strong:#fff;--shadow:rgba(43,70,48,.12);--serif:'Songti SC','STSong',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','PingFang SC','Microsoft YaHei',sans-serif}
html{background:#aab79b}body{min-height:100dvh;background:#aab79b;color:var(--ink);font:15px/1.55 var(--sans)}body::before{display:none}.demo-bar,.desktop-nav,.footer{display:none}.header{position:relative;top:auto;width:min(430px,100%);height:72px;margin:28px auto 0;padding:0 20px;border:0;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -6px 28px rgba(45,63,40,.12);backdrop-filter:none}.wordmark{font:24px var(--serif);letter-spacing:.16em}.wordmark span{font:6px/2.4 var(--sans);letter-spacing:.13em;color:var(--muted)}.header-tools{gap:8px}.accessibility{width:38px;height:38px;padding:0;justify-content:center;background:var(--wash);font-size:0}.accessibility span{font:18px var(--serif)}.avatar{width:38px;height:38px;border:0;background:#e4ecdc;box-shadow:none}
main{width:min(430px,100%);max-width:none;min-height:calc(100dvh - 128px);margin:0 auto;padding:18px 20px 104px;background:#fff;border-radius:0 0 28px 28px;box-shadow:0 18px 55px rgba(45,63,40,.18);overflow:hidden}.page-heading{margin:0 0 16px;align-items:center}.eyebrow{display:none}.page-heading h1{font:700 27px/1.15 var(--sans);letter-spacing:-.035em}.intro{margin-top:5px;font-size:12px;color:var(--muted)}.plain-link{min-height:38px;padding:5px 0;border-bottom:0;font-size:12px;color:var(--red)}.plain-link:hover{transform:none}.icon{stroke-width:1.7}
.product-stage{display:grid;grid-template-columns:128px 1fr;gap:12px;min-height:0;border:0}.still-life{min-height:258px;border:0;border-radius:19px;background:#edf1eb;box-shadow:none}.still-life::after{display:none}.still-life img{filter:saturate(.78) contrast(.95);transform:none;object-position:57% center}.stage-top{top:10px;left:10px;right:10px;display:block}.stage-chip{display:none}.stage-chip:first-child{display:inline-block;max-width:100%;padding:5px 8px;border:0;border-radius:8px;background:rgba(255,255,255,.86);box-shadow:none;backdrop-filter:blur(6px);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-bottom{left:10px;right:10px;bottom:9px;display:block}.stage-bottom span{display:none}.stage-bottom span:last-child{display:block;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.82);color:#55635a;font-size:8px;text-align:center}
.product-detail{min-width:0;padding:17px 15px;border:1px solid var(--line);border-radius:19px;background:var(--wash);box-shadow:none;backdrop-filter:none}.microline{gap:7px;font-size:9px;letter-spacing:0;color:var(--muted)}.swatch{width:10px;height:10px;box-shadow:none}.shade-heading{display:block;margin:13px 0 4px}.shade-number{font:700 48px/.9 var(--sans);letter-spacing:-.07em}.shade-name{max-width:none;margin-top:6px;font:600 17px/1.2 var(--sans)}.shade-meta{font-size:11px}.personal-line{margin:13px 0 12px;padding-left:10px;border-left:2px solid var(--red);font:15px/1.35 var(--serif);letter-spacing:0}.personal-line small{margin-top:5px;font-size:9px}.btn{min-height:43px;padding:9px 14px;border:0;border-radius:12px;background:#fff;box-shadow:none;font-size:12px}.btn:hover{background:#edf2ea;box-shadow:none;transform:none}.btn:active{transform:scale(.98)}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover{background:#245733}.read-hint{margin-top:6px;font-size:8px;line-height:1.4}
.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.quick-action,.quick-action:first-child{min-height:80px;padding:11px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:none;backdrop-filter:none;text-align:center}.quick-action:hover{background:var(--wash);box-shadow:none;transform:none}.quick-action+.quick-action{border-left:1px solid var(--line)}.quick-action>.icon{width:21px;height:21px;color:var(--red)}.quick-action strong{font-size:12px}.quick-action small,.quick-action .arrow{display:none}
body[data-route="home"] .section-head,body[data-route="home"] .collection,body[data-route="home"] main>section>.helper{display:none}
.mobile-nav{position:fixed;left:50%;right:auto;bottom:16px;z-index:20;width:min(402px,calc(100% - 24px));height:64px;padding:5px;display:flex;transform:translateX(-50%);border:1px solid #e7ebe4;border-radius:19px;background:rgba(255,255,255,.94);box-shadow:0 10px 32px rgba(36,55,38,.16);backdrop-filter:blur(14px)}.mobile-nav a{border-radius:14px;color:#7a877d;font-size:10px}.mobile-nav a[aria-current=page]{background:#e4efdb;color:#255b34;box-shadow:none}.mobile-nav .icon{width:20px;height:20px}
.split-page,body[data-route="expression"] .split-page{grid-template-columns:1fr;gap:14px}.panel,.preview-surround,.wide-panel,.namecard,.empty-card,dialog{border:1px solid var(--line);background:#fff;box-shadow:none;backdrop-filter:none}.panel{padding:17px;border-radius:18px}.panel h2{font:700 18px/1.3 var(--sans)}.panel .intro{margin-bottom:12px}.field{margin:12px 0}.field>span,.field>label{margin-bottom:5px;font-size:12px}.field input,.field textarea,.field select,.bound-select select{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#f8faf7;box-shadow:none;font-size:13px}.field textarea{min-height:72px}.field-row{gap:9px}.facts{margin:14px 0}.facts>div{padding:9px 0}.archive-image{height:160px;border:0;border-radius:15px;box-shadow:none}.archive-title{margin-top:14px}.archive-title span{font:700 42px/.9 var(--sans)}.archive-title h2{font:600 20px var(--sans)}
.segmented{gap:4px;margin:12px 0 16px;padding:4px;border:0;border-radius:12px;background:var(--wash)}.segmented button{min-height:36px;padding:7px 8px;border-radius:9px;font-size:11px}.segmented button.selected{background:var(--red);color:#fff;box-shadow:none}.settings-row{padding:11px 0;border-color:var(--line)}.settings-row strong{font-size:12px}.settings-row small{font-size:9px}.switch:checked{background:var(--red)}.save-row{margin-top:14px}.preview-surround{padding:10px;border-radius:18px;transform:none!important}.preview-label{margin-bottom:9px;font-size:9px}.namecard{border-radius:16px;overflow:hidden}.namecard-head{min-height:150px;padding:18px;background:#3c7349}.namecard-head::after{display:none}.namecard-head .eyebrow{display:block;color:#dce9dc}.expression-line{margin-top:14px;font:700 28px/1.05 var(--sans);letter-spacing:-.05em}.namecard-body{padding:16px;background:#fff}.person-avatar{width:40px;height:40px;border-radius:12px}.person h2{font:600 18px var(--sans)}.topic{margin:12px 0}.contact-links{gap:6px}.contact-links button{min-height:40px;padding:8px 10px;border-color:var(--line);border-radius:10px;background:#f7f9f6;font-size:11px}.card-product{margin-top:14px;padding-top:11px}.card-product button{background:#e4efdb;color:#255b34}.card-foot{padding:9px;font-size:8px}
body[data-route="expression"] main{padding-top:18px}body[data-route="expression"] .page-heading{display:flex}body[data-route="expression"] .page-heading h1{font-size:27px}body[data-route="expression"] .preview-surround{order:0}body[data-route="expression"] .panel{transform:none;margin:0}body[data-route="expression"] .namecard-head{min-height:150px;background:#3c7349}.summary-number{font:700 48px/1 var(--sans)}.wide-panel{padding:17px;border-radius:18px}.status-line .live{background:#e4efdb;color:#255b34}.record{padding:10px 0}.visitor-page{max-width:390px}.visitor-toolbar{padding:5px 0;border:0;background:transparent;backdrop-filter:none}.visitor-page .namecard-head{min-height:210px}.visitor-page .expression-line{font-size:34px}
dialog{width:min(390px,calc(100% - 24px));padding:20px;border-radius:20px}dialog::backdrop{background:rgba(25,34,27,.35);backdrop-filter:blur(3px)}dialog h2{font:700 21px/1.35 var(--sans)}.readout{padding:14px;border:0;border-radius:12px;background:var(--wash)}.read-emblem{background:#edf3e8;color:var(--red)}.shade-option{padding:10px;border-color:var(--line);border-radius:12px;background:#fff}.toast{bottom:92px;border:0;border-radius:12px;background:#233629;box-shadow:0 8px 24px rgba(25,43,30,.2)}
.a11y{background:#aab79b}.a11y main,.a11y .header{background:#fff}.a11y .product-detail,.a11y .panel,.a11y .preview-surround,.a11y .wide-panel,.a11y .namecard{border:2px solid #111}.a11y .mobile-nav{background:#fff}.a11y .mobile-nav a[aria-current=page]{background:#000;color:#fff}
@media(min-width:761px){.mobile-nav{bottom:34px}.visitor-mode main{min-height:calc(100dvh - 150px)}body[data-route="home"] main{min-height:760px}}
@media(max-width:760px){html,body{background:#fff}main{width:100%;min-height:100dvh;padding:15px 15px 96px;border-radius:0;box-shadow:none;overflow:visible}.page-heading{margin-bottom:13px}.page-heading h1{font-size:25px}.product-stage{grid-template-columns:116px 1fr;gap:10px}.still-life{min-height:244px;border-radius:17px}.product-detail{width:auto;margin:0;padding:15px 13px;border-radius:17px}.shade-number{font-size:44px}.shade-name{font-size:16px}.personal-line{font-size:14px}.quick-actions{margin-top:10px}.quick-action,.quick-action:first-child{min-height:74px;padding:9px 5px;border-radius:14px}.mobile-nav{bottom:10px}.collection{grid-template-columns:1fr}.collection-item,.collection-item:first-child{min-height:auto;grid-row:auto;display:flex}.collection-item:first-child .color-block,.collection-item .color-block{width:52px;height:56px}.section-head{margin-top:24px}.section-head h2{font-size:24px}.split-page,body[data-route="expression"] .split-page{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.preview-surround{order:0!important}.expression-line{font-size:28px}body[data-route="expression"] main{padding-top:15px}body[data-route="expression"] .page-heading h1{font-size:25px}.footer{display:none}}
@media(max-height:760px) and (max-width:760px){.header{height:58px}.wordmark{font-size:21px}main{min-height:calc(100dvh - 58px);padding-top:10px}.page-heading{margin-bottom:9px}.intro{display:none}.still-life{min-height:212px}.product-detail{padding-top:12px;padding-bottom:12px}.shade-number{font-size:39px}.personal-line{margin:9px 0}.quick-action,.quick-action:first-child{min-height:66px}.mobile-nav{height:58px}}
.profile-page{width:min(100%,520px);margin:0 auto}.profile-toolbar{height:46px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.profile-edit{min-width:64px;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:600}.profile-page .namecard{width:100%}.profile-editor{width:min(100%,680px);margin:0 auto}.profile-editor .panel{transform:none!important}.profile-editor .save-row .btn{width:100%}
@media(max-width:760px){body[data-route="expression"] main{padding-top:10px}.profile-toolbar{margin:0 3px 8px}.profile-page .namecard-head{min-height:260px}.profile-page .expression-line{font-size:40px}.profile-page .namecard-body{padding:24px}.profile-editor .page-heading{display:flex}.profile-editor .page-heading h1{font-size:27px}.profile-editor .page-heading .intro{display:block;max-width:none}.profile-editor .page-heading .plain-link{margin-top:0}}