@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{color-scheme:light;--ink:#2c2925;--soft:#6f6c64;--accent:#a7412d;font-family:'DM Sans','PingFang TC','Microsoft JhengHei',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.bio{position:relative;isolation:isolate;min-height:100svh;padding:62px 24px 24px;max-width:580px;margin:auto}.cover{display:none}.identity{text-align:center;position:relative}.avatar{display:flex;align-items:center;justify-content:center;width:86px;height:86px;border-radius:50%;margin:0 auto 17px;background:#eee5d5;color:#776044;border:3px solid #ffffffb3;box-shadow:0 5px 20px #00000010}.avatar span{font-family:'DM Serif Display',Georgia,serif;font-size:30px;font-weight:400}.handle{font-size:13px;letter-spacing:.015em;margin:0 0 8px}.identity h1{font-size:30px;font-weight:600;letter-spacing:-.035em;line-height:1.15;margin:0 0 10px}.bio-line{font-size:14px;margin:0;line-height:1.6}.hello{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:18px;margin:9px 0 0}.editorial-masthead,.editorial-period,.card-kicker{display:none}.links{margin-top:35px}.section-label{display:none}.link-card{display:flex;align-items:center;width:100%;text-align:left;border:0;border-radius:11px;padding:21px 20px;gap:15px;min-height:100px;box-shadow:0 4px 14px #00000009;margin:0 0 15px;transition:transform .2s,box-shadow .2s}.link-card:hover{transform:translateY(-2px);box-shadow:0 9px 21px #00000016}.link-card:active{transform:translateY(0) scale(.985)}.card-copy{display:block;min-width:0;flex:1}.card-copy strong{display:block;font-size:18px;font-weight:600;line-height:1.5}.card-copy small{display:block;font-size:13px;line-height:1.6;margin-top:3px}.card-icon{display:none}.card-arrow{display:flex}.card-arrow svg{width:18px;height:18px}.more{font-size:13px;line-height:1.8;margin:24px 0 0}.more summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;min-height:44px}.more summary::-webkit-details-marker{display:none}.more summary svg{width:15px;height:15px;transition:transform .2s}.more[open] summary svg{transform:rotate(180deg)}.more>div{padding:9px 16px;border:1px solid currentColor;border-radius:10px;font-size:13px}.more p{margin:8px 0}.bio-footer{display:flex;align-items:center;gap:15px;justify-content:center;font-size:10px;letter-spacing:.23em;margin:37px 0 15px;opacity:.85}.footer-line{width:30px;height:1px;background:currentColor;opacity:.4}.preview-label{text-align:center;font-size:11px;line-height:1.8;margin:0;opacity:.75}
button:focus-visible,summary:focus-visible{outline:3px solid #c5573b;outline-offset:5px}dialog{color:#302d28;max-width:350px;width:calc(100% - 36px);padding:33px 26px 26px;border:1px solid #ddd8cf;border-radius:22px;background:#fffcf5;box-shadow:0 25px 90px #00000030}dialog::backdrop{background:#27291f70;backdrop-filter:blur(3px)}.close-dialog{position:absolute;right:10px;top:9px;background:none;border:0;font-size:29px;width:44px;height:44px}.dialog-eyebrow{font-size:11px;letter-spacing:.15em;color:#9d462e}dialog h2{font-size:23px;margin:16px 0 12px;letter-spacing:-.02em}dialog p{font-size:15px;line-height:1.8;color:#6d6961;margin-bottom:23px}.dialog-done{background:#8c3d2d;color:#fff;border:0;border-radius:9px;width:100%;min-height:48px;font-size:15px}
/* Constance: photography, centered identity and clean floating links. */
html[data-style=constance] body{background:#968574;color:#fff}html[data-style=constance] body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#3f382f40,#40332685),url('assets/architecture.jpg') center/cover}html[data-style=constance] .bio{padding-top:69px}html[data-style=constance] .handle{color:#fff8ed}html[data-style=constance] .identity h1{font-size:29px}html[data-style=constance] .hello{color:#fff5e8}html[data-style=constance] .link-card{background:#fffdfa;color:#38372f;min-height:100px;border-radius:11px}html[data-style=constance] .card-copy small{color:#737369}html[data-style=constance] .card-copy{text-align:center}html[data-style=constance] .card-arrow{display:none}html[data-style=constance] .more>div{background:#544e4460;border-color:#ffffff5c}html[data-style=constance] .preview-label{opacity:1;color:#fff6e6}
/* Paynes: quiet blue, serif typography and tactile paper edges. */
html[data-style=paynes] body{color:#273f4b;background:linear-gradient(165deg,#91adbc 0%,#b2c8d1 47%,#e1e8e7 100%);background-attachment:fixed}html[data-style=paynes] .bio{padding-top:69px}html[data-style=paynes] .avatar{background:#dce7e6;border-color:#dfe9e8;color:#516b77}html[data-style=paynes] .identity h1{font-family:'DM Serif Display',Georgia,serif;font-size:34px;font-weight:400;letter-spacing:0}html[data-style=paynes] .handle{font-family:'DM Serif Display',Georgia,serif;letter-spacing:.06em}html[data-style=paynes] .hello{color:#3f5a65;font-size:19px}html[data-style=paynes] .bio-line{color:#344e5a}html[data-style=paynes] .links{margin-top:38px}html[data-style=paynes] .link-card{border-radius:0;background:#fffcf5;box-shadow:none;margin-bottom:19px;min-height:101px;padding:21px 17px;clip-path:polygon(0 2%,4% 3%,8% 1%,13% 3%,18% 2%,22% 4%,27% 2%,31% 3%,36% 1%,41% 2%,46% 1%,51% 3%,56% 2%,60% 4%,65% 2%,70% 3%,75% 1%,80% 2%,85% 1%,90% 3%,95% 2%,100% 3%,100% 97%,96% 99%,91% 97%,87% 98%,82% 96%,77% 98%,72% 97%,67% 99%,62% 97%,57% 98%,52% 96%,47% 98%,42% 97%,37% 99%,32% 97%,27% 98%,22% 96%,17% 98%,12% 97%,7% 99%,3% 97%,0 98%)}html[data-style=paynes] .card-copy{text-align:center}html[data-style=paynes] .card-copy strong{font-weight:500;font-size:18px;letter-spacing:.03em}html[data-style=paynes] .card-copy small{color:#677982}html[data-style=paynes] .card-arrow{display:none}html[data-style=paynes] .more>div{border-color:#7896a26b}html[data-style=paynes] .preview-label{color:#405c68;opacity:1}
/* Inlink: image cover, overlapping avatar and distinct thumbnail cards. */
html[data-style=inlink] body{background:#f8faf9;color:#243930}html[data-style=inlink] .bio{padding:0 22px 24px}html[data-style=inlink] .cover{display:block;height:170px;margin:0 -22px;background:#9cbdc8 url('assets/coast.jpg') center 60%/cover}html[data-style=inlink] .identity{margin-top:-45px}html[data-style=inlink] .avatar{width:90px;height:90px;border:5px solid #f8faf9;background:#e8eddf;color:#5b6a4e;margin-bottom:15px}html[data-style=inlink] .handle{order:2;color:#6e7a73;font-size:12px}html[data-style=inlink] .identity h1{font-size:27px;margin-bottom:8px}html[data-style=inlink] .bio-line{color:#63746b}html[data-style=inlink] .hello{display:none}html[data-style=inlink] .links{margin-top:31px}html[data-style=inlink] .link-card{gap:13px;border-radius:15px;padding:16px 13px;min-height:99px;box-shadow:none;margin-bottom:13px}html[data-style=inlink] .brand{background:#244c3e;color:#fff}html[data-style=inlink] .brand small{color:#e0ece5}html[data-style=inlink] .community{background:#e9eedf;color:#344b37}html[data-style=inlink] .community small{color:#62725b}html[data-style=inlink] .card-icon{display:flex;align-items:center;justify-content:center;width:53px;height:61px;flex-shrink:0;border-radius:9px}html[data-style=inlink] .brand .card-icon{background:#f0e1ba;color:#4a5b36}html[data-style=inlink] .community .card-icon{background:#d1dcc1;color:#4f683f}html[data-style=inlink] .card-icon svg{width:25px;height:25px}html[data-style=inlink] .card-copy strong{font-size:17px}html[data-style=inlink] .card-copy small{font-size:12px}html[data-style=inlink] .card-arrow svg{width:16px;height:16px}html[data-style=inlink] .more{color:#69796e;margin-top:21px}html[data-style=inlink] .more>div{border-color:#d4dcd2}html[data-style=inlink] .bio-footer{margin-top:29px;color:#536952}html[data-style=inlink] .preview-label{color:#67756a}
/* Coolest interpreted in light: paper, brick red, rules and display type. */
html[data-style=editorial] body{background:#f7f1e3;color:#993f2d}html[data-style=editorial] .bio{border-left:1px solid #b788692e;border-right:1px solid #b788692e;padding:0 24px 24px;margin:0 auto;max-width:520px}html[data-style=editorial] .editorial-masthead{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.13em;border-bottom:1px solid #b47c594c;min-height:49px;align-items:center;margin:0 -24px;padding:0 24px}html[data-style=editorial] .identity{text-align:left;padding-top:38px}html[data-style=editorial] .avatar{width:67px;height:67px;margin:0 0 21px;border:1px solid #b8835d;border-radius:0;background:#eee0c8;box-shadow:none;color:#923c2c}html[data-style=editorial] .avatar span{font-size:28px}html[data-style=editorial] .handle{text-transform:uppercase;letter-spacing:.13em;font-size:11px;margin-bottom:6px;color:#8f5a43}html[data-style=editorial] .identity h1{font-family:'Barlow Condensed','Impact',sans-serif;font-size:clamp(56px,19vw,76px);font-weight:700;letter-spacing:-.035em;text-transform:uppercase;line-height:1;margin-bottom:15px}html[data-style=editorial] .editorial-period{display:inline;color:#bf7954}html[data-style=editorial] .bio-line{font-size:13px;color:#8b5b43;letter-spacing:.04em}html[data-style=editorial] .hello{display:none}html[data-style=editorial] .links{margin-top:36px}html[data-style=editorial] .section-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.12em;border-bottom:1px solid #b47c5960;padding-bottom:12px;margin:0}html[data-style=editorial] .link-card{border-radius:0;padding:19px 0 22px;margin:0 0 25px;min-height:96px;background:transparent;box-shadow:none;border-bottom:1px solid #b47c5960;gap:8px}html[data-style=editorial] .link-card:hover{transform:translateX(3px);box-shadow:none}html[data-style=editorial] .card-copy strong{font-size:25px;letter-spacing:-.03em;font-weight:600}html[data-style=editorial] .card-copy small{color:#8c614a;font-size:12px;margin-top:7px}html[data-style=editorial] .card-arrow svg{width:27px;height:27px;stroke-width:1.3}html[data-style=editorial] .more{margin-top:-8px;color:#986048}html[data-style=editorial] .more summary{justify-content:space-between;font-size:12px}html[data-style=editorial] .more>div{border-radius:0;border-color:#b47c594c}html[data-style=editorial] .bio-footer{margin:27px -24px 14px;border-top:1px solid #b47c594c;padding-top:20px;font-size:9px}html[data-style=editorial] .preview-label{color:#8a6049}
@media(min-width:600px){html[data-style=constance] .bio,html[data-style=paynes] .bio{min-height:100svh;padding-top:76px;max-width:460px}html[data-style=inlink] .bio{max-width:480px;min-height:100svh;box-shadow:0 0 100px #39503b0a}html[data-style=inlink] body{background:#e8eeea}html[data-style=editorial] .bio{min-height:100svh}}
@media(max-width:350px){.bio{padding-right:18px;padding-left:18px}.card-copy strong{font-size:16px}.card-copy small{font-size:12px}.link-card{padding:18px 13px}.bio-line{font-size:13px}html[data-style=inlink] .card-icon{width:42px;height:54px}html[data-style=inlink] .card-copy strong{font-size:15px}html[data-style=inlink] .card-copy small{font-size:11px}html[data-style=editorial] .card-copy strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* 05 — Cobalt Club: bright poster typography and confident offset blocks. */
html[data-style=cobalt] body{background:#f3f36f;color:#1848c3}
html[data-style=cobalt] .bio{padding:48px 25px 25px;max-width:460px}
html[data-style=cobalt] .identity{display:grid;grid-template-columns:minmax(0,1fr) 73px;column-gap:12px;text-align:left;align-items:center}
html[data-style=cobalt] .avatar{grid-column:2;grid-row:1/3;width:73px;height:79px;border:2px solid #1848c3;border-radius:4px;background:#fffef1;color:#1848c3;margin:0;box-shadow:5px 5px 0 #1848c3;transform:rotate(4deg)}
html[data-style=cobalt] .handle{grid-column:1;grid-row:1;font-size:12px;letter-spacing:.1em;font-weight:700;margin:0 0 8px}
html[data-style=cobalt] .identity h1{grid-column:1;grid-row:2;font-size:clamp(32px,10vw,47px);font-weight:700;letter-spacing:-.07em;line-height:.98;margin:0;overflow-wrap:anywhere}
html[data-style=cobalt] .bio-line{grid-column:1/-1;grid-row:3;margin-top:26px;padding-top:16px;border-top:2px solid #1848c3;font-size:13px;font-weight:500}
html[data-style=cobalt] .hello{display:none}
html[data-style=cobalt] .links{margin-top:30px}
html[data-style=cobalt] .link-card{min-height:119px;border:2px solid #1848c3;border-radius:3px;padding:17px 14px;gap:12px;box-shadow:6px 6px 0 #1848c3;margin-bottom:23px}
html[data-style=cobalt] .brand{color:#fff;background:#1848c3;box-shadow:6px 6px 0 #fffef1}
html[data-style=cobalt] .community{background:#fffef1;color:#1848c3}
html[data-style=cobalt] .card-icon{width:38px;height:46px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
html[data-style=cobalt] .card-copy strong{font-size:19px;font-weight:700;line-height:1.5}
html[data-style=cobalt] .card-copy small{font-size:13px;line-height:1.6}
html[data-style=cobalt] .card-arrow svg{width:22px;height:22px;stroke-width:2}
html[data-style=cobalt] .more{margin-top:28px}
html[data-style=cobalt] .more summary{justify-content:space-between;font-size:13px}
html[data-style=cobalt] .more>div{border:2px solid #1848c3;border-radius:3px;background:#fffef16b}
html[data-style=cobalt] .bio-footer{margin-top:27px;opacity:1;font-weight:700}
html[data-style=cobalt] .preview-label{opacity:1;font-size:11px}
/* 06 — Soft Glass: light-filled surfaces over a calm apricot/ice-blue field. */
html[data-style=glass] body{color:#34434b;background:#e5f0f0;background-image:radial-gradient(ellipse at 8% 9%,#f6d3bb 0%,transparent 48%),radial-gradient(ellipse at 92% 57%,#b2d6e9 0%,transparent 58%),linear-gradient(165deg,#f8f3ed,#e7eff0 62%,#d4e8df);background-attachment:fixed}
html[data-style=glass] .bio{padding:53px 22px 25px;max-width:470px}
html[data-style=glass] .avatar{width:90px;height:90px;border:1px solid #fff;background:#ffffff70;box-shadow:0 8px 30px #7094a015,inset 0 0 0 6px #ffffff3d;color:#536970;backdrop-filter:blur(8px)}
html[data-style=glass] .handle{font-size:12px;color:#52656b;letter-spacing:.06em}
html[data-style=glass] .identity h1{font-size:31px;font-weight:500;letter-spacing:-.05em;margin-bottom:13px}
html[data-style=glass] .bio-line{font-size:13px;color:#52656b}
html[data-style=glass] .hello{display:none}
html[data-style=glass] .links{margin-top:34px}
html[data-style=glass] .link-card{border-radius:25px;background:#ffffff70;border:1px solid #fffffff0;backdrop-filter:blur(16px);min-height:109px;padding:19px 17px;gap:12px;box-shadow:0 8px 25px #607f9610,inset 0 1px 0 #fff;margin-bottom:15px}
html[data-style=glass] .brand{background:#ffffffad}
html[data-style=glass] .card-icon{display:flex;align-items:center;justify-content:center;width:39px;height:48px;flex-shrink:0;border-radius:17px;background:#fff9;color:#4c6975}
html[data-style=glass] .card-copy strong{font-size:17px;font-weight:600}
html[data-style=glass] .card-copy small{font-size:12px;color:#5c707a}
html[data-style=glass] .card-arrow{background:#ffffffa6;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
html[data-style=glass] .card-arrow svg{width:14px;height:14px}
html[data-style=glass] .more{margin-top:22px;color:#536b74}
html[data-style=glass] .more>div{border-color:#fff;border-radius:20px;background:#ffffff66}
html[data-style=glass] .bio-footer{margin-top:26px;color:#526a74}
html[data-style=glass] .preview-label{color:#526a74;opacity:1}
/* 07 — Bento Garden: compact identity, a photographic tile and two equal destinations. */
html[data-style=bento] body{background:#f2f3e9;color:#354d32}
html[data-style=bento] .bio{display:flex;flex-direction:column;max-width:470px;padding:31px 20px 23px}
html[data-style=bento] .identity{order:0;display:grid;grid-template-columns:65px minmax(0,1fr);column-gap:16px;text-align:left;align-items:center}
html[data-style=bento] .avatar{width:65px;height:73px;border:0;border-radius:20px;margin:0;grid-row:1/4;grid-column:1;background:#d9e4c1;color:#48603a;box-shadow:none}
html[data-style=bento] .avatar span{font-size:27px}
html[data-style=bento] .handle{grid-column:2;grid-row:1;font-size:11px;line-height:1.5;margin:0;color:#617356}
html[data-style=bento] .identity h1{grid-column:2;grid-row:2;font-size:28px;letter-spacing:-.045em;margin:3px 0 7px}
html[data-style=bento] .bio-line{grid-column:2;grid-row:3;font-size:11px;line-height:1.5;color:#5d7055}
html[data-style=bento] .hello{display:none}
html[data-style=bento] .cover{order:1;display:block;height:157px;margin:24px 0 13px;border-radius:21px;background:#a7c6ce url('assets/coast.jpg') center 58%/cover}
html[data-style=bento] .links{order:2;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
html[data-style=bento] .link-card{position:relative;min-height:207px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:21px;padding:18px 15px 19px;margin:0;box-shadow:none;gap:24px}
html[data-style=bento] .brand{background:#e8bc91;color:#613d27}
html[data-style=bento] .community{background:#d9e4be;color:#3b562f}
html[data-style=bento] .card-icon{display:flex;align-items:center;justify-content:center;width:37px;height:39px;background:#ffffff65;border-radius:12px}
html[data-style=bento] .card-icon svg{width:21px;height:21px}
html[data-style=bento] .card-copy{flex:0;margin-top:auto;min-height:85px}
html[data-style=bento] .card-copy strong{font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.04em}
html[data-style=bento] .card-copy small{font-size:12px;line-height:1.8;margin-top:7px}
html[data-style=bento] .card-arrow{position:absolute;top:25px;right:15px}
html[data-style=bento] .card-arrow svg{width:17px;height:17px}
html[data-style=bento] .more{grid-column:1/-1;margin:2px 0 0}
html[data-style=bento] .more summary{font-size:12px}
html[data-style=bento] .more>div{border-color:#c6d1b8;border-radius:18px}
html[data-style=bento] .bio-footer{order:3;margin:25px 0 13px;color:#68785f}
html[data-style=bento] .preview-label{order:4;color:#68785f;opacity:1}
/* 08 — Atelier: oval portrait, italic serif identity and invitation-like spacing. */
html[data-style=atelier] body{background:#ece7f4;color:#71354b}
html[data-style=atelier] .bio{max-width:460px;padding:43px 28px 25px}
html[data-style=atelier] .avatar{width:73px;height:92px;background:#e0d2e3;border:1px solid #9c667c;border-radius:50%;box-shadow:0 0 0 5px #ece7f4,0 0 0 6px #9c667c4d;color:#794358;margin-bottom:23px}
html[data-style=atelier] .avatar span{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:30px}
html[data-style=atelier] .handle{font-size:10px;letter-spacing:.19em;text-transform:uppercase;margin-bottom:8px;color:#855a6e}
html[data-style=atelier] .identity h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic;font-size:46px;letter-spacing:-.045em;margin-bottom:12px;line-height:1.1}
html[data-style=atelier] .bio-line{font-size:12px;letter-spacing:.08em;color:#81566a}
html[data-style=atelier] .hello{display:none}
html[data-style=atelier] .links{margin-top:37px}
html[data-style=atelier] .section-label{display:flex;justify-content:space-between;gap:9px;font-size:9px;letter-spacing:.1em;margin:0;border-top:1px solid #98708370;padding-top:15px;color:#8d6578}
html[data-style=atelier] .link-card{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0 0 25px;padding:13px 0 0;min-height:78px;gap:15px}
html[data-style=atelier] .card-copy strong{font-weight:500;font-size:20px;letter-spacing:.035em}
html[data-style=atelier] .card-copy small{font-size:12px;color:#875d70;margin-top:6px;line-height:1.7}
html[data-style=atelier] .card-arrow{display:flex;align-items:center;justify-content:center;width:35px;height:43px;border:1px solid #a47b8d;border-radius:50%;flex-shrink:0}
html[data-style=atelier] .card-arrow svg{width:17px;height:17px;stroke-width:1.3}
html[data-style=atelier] .more{border-top:1px solid #98708370;padding-top:5px;margin-top:0;color:#855c70}
html[data-style=atelier] .more summary{font-size:12px}
html[data-style=atelier] .more>div{border-color:#ab899a70;border-radius:1px}
html[data-style=atelier] .bio-footer{font-family:'DM Serif Display',Georgia,serif;letter-spacing:.17em;font-size:10px;color:#805269;margin-top:24px}
html[data-style=atelier] .preview-label{color:#855c70;opacity:1;font-size:10px}
@media(max-width:350px){html[data-style=cobalt] .bio{padding-left:20px;padding-right:20px}html[data-style=cobalt] .link-card{gap:8px;padding-left:10px;padding-right:10px}html[data-style=cobalt] .card-copy strong{font-size:17px}html[data-style=cobalt] .card-copy small{font-size:12px}html[data-style=glass] .bio{padding-left:17px;padding-right:17px}html[data-style=glass] .link-card{gap:9px;padding:17px 12px}html[data-style=glass] .card-copy strong{font-size:16px}html[data-style=glass] .card-copy small{font-size:11px}html[data-style=bento] .card-copy strong{font-size:16px}html[data-style=bento] .bio{padding-left:16px;padding-right:16px}html[data-style=bento] .link-card{padding-left:13px;padding-right:13px}html[data-style=atelier] .bio{padding-left:23px;padding-right:23px}html[data-style=atelier] .identity h1{font-size:40px}html[data-style=atelier] .card-copy strong{font-size:18px}}

/* Selected directions: palette-only refinements preserve the original geometry. */
html[data-style=editorial]:not([data-palette=original]){--paper:#f7eedc;--editorial-ink:#74283e;--editorial-soft:#855363;--rule:#74283e35;--avatar-bg:#eadbcc;--editorial-accent:#ad5d58}
html[data-style=editorial]:not([data-palette=original])[data-palette=clay]{--paper:#dfeaf0;--editorial-ink:#994c37;--editorial-soft:#4a6370;--rule:#8e523638;--avatar-bg:#ead7c6;--editorial-accent:#b5714e}
html[data-style=editorial]:not([data-palette=original])[data-palette=olive]{--paper:#f2eedf;--editorial-ink:#4e5732;--editorial-soft:#68664b;--rule:#59613e38;--avatar-bg:#ddd9b4;--editorial-accent:#a08c50}
html[data-style=editorial]:not([data-palette=original]) body{background:var(--paper);color:var(--editorial-ink)}
html[data-style=editorial]:not([data-palette=original]) .bio,html[data-style=editorial]:not([data-palette=original]) .editorial-masthead,html[data-style=editorial]:not([data-palette=original]) .section-label,html[data-style=editorial]:not([data-palette=original]) .link-card,html[data-style=editorial]:not([data-palette=original]) .more>div,html[data-style=editorial]:not([data-palette=original]) .bio-footer{border-color:var(--rule)}
html[data-style=editorial]:not([data-palette=original]) .avatar{background:var(--avatar-bg);color:var(--editorial-ink);border-color:var(--editorial-accent)}
html[data-style=editorial]:not([data-palette=original]) .identity h1{font-family:'PingFang TC','Microsoft JhengHei',sans-serif;font-weight:700}
html[data-style=editorial]:not([data-palette=original]) .editorial-period{color:var(--editorial-accent)}
html[data-style=editorial]:not([data-palette=original]) .handle,html[data-style=editorial]:not([data-palette=original]) .bio-line,html[data-style=editorial]:not([data-palette=original]) .card-copy small,html[data-style=editorial]:not([data-palette=original]) .more,html[data-style=editorial]:not([data-palette=original]) .preview-label{color:var(--editorial-soft)}
html[data-style=editorial]:not([data-palette=original]) .dialog-done{background:var(--editorial-ink)}
html[data-style=editorial]:not([data-palette=original]) .dialog-eyebrow{color:var(--editorial-ink)}
html[data-style=editorial]:not([data-palette=original]) dialog{background:var(--paper);border-color:var(--rule)}

html[data-style=glass]:not([data-palette=original]){--glass-ink:#293b64;--glass-soft:#4a5b7b;--glass-rgb:83,96,172;--glass-icon:#d4e6fc;--glass-accent:#466cbd;--glass-shine:#f3ceef;--glass-shadow:#435f951e}
html[data-style=glass]:not([data-palette=original]) body{color:var(--glass-ink);background-color:#e6eef9;background-image:radial-gradient(ellipse at 22% 8%,#ffffffef 0%,#f4f9ff60 23%,transparent 41%),radial-gradient(ellipse at 103% 21%,#ad90f0 0%,#c5baf380 26%,transparent 51%),radial-gradient(ellipse at -14% 57%,#52bde2 0%,#8ad4ed90 24%,transparent 54%),radial-gradient(ellipse at 94% 81%,#e6a6d9 0%,#e7d0f780 25%,transparent 51%),linear-gradient(160deg,#e4f2fa,#c3dbf3 55%,#e9e5f7);background-attachment:fixed;isolation:isolate}
html[data-style=glass]:not([data-palette=original]) body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(118deg,transparent 23%,#ffffff05 31%,#ffffff80 38%,#ffffff08 43%,transparent 52%),radial-gradient(ellipse at 81% 4%,#fff9,transparent 40%);opacity:.65}
html[data-style=glass]:not([data-palette=original]) .avatar{color:var(--glass-ink);background:radial-gradient(at 20% 14%,#fff 0%,#ffffff75 38%,transparent 70%),linear-gradient(145deg,#ffffffac,var(--glass-icon));border-color:#ffffffeb;box-shadow:0 10px 23px var(--glass-shadow),inset 0 0 0 6px #ffffff50,inset -2px -4px 9px #ffffff85;backdrop-filter:blur(16px)}
html[data-style=glass]:not([data-palette=original]) .handle,html[data-style=glass]:not([data-palette=original]) .bio-line,html[data-style=glass]:not([data-palette=original]) .card-copy small,html[data-style=glass]:not([data-palette=original]) .more,html[data-style=glass]:not([data-palette=original]) .bio-footer,html[data-style=glass]:not([data-palette=original]) .preview-label{color:var(--glass-soft)}
html[data-style=glass]:not([data-palette=original]) .link-card{position:relative;isolation:isolate;overflow:hidden;border-color:#ffffffe0;background:linear-gradient(125deg,#ffffffe0 0%,#ffffffa3 38%,#ffffff5c 75%,#ffffffa6 100%);box-shadow:0 12px 28px var(--glass-shadow),inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffa6;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}
html[data-style=glass]:not([data-palette=original]) .link-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 110%,var(--glass-shine),transparent 58%),linear-gradient(110deg,transparent 32%,#ffffff8c 48%,transparent 62%);opacity:.42;pointer-events:none}
html[data-style=glass]:not([data-palette=original]) .brand{background:linear-gradient(125deg,#fffffff2,#ffffffa6 52%,#ffffff75)}
html[data-style=glass]:not([data-palette=original]) .card-icon{color:var(--glass-accent);background:linear-gradient(140deg,#ffffffea,var(--glass-icon));box-shadow:inset 0 1px 1px #fff,0 3px 7px var(--glass-shadow);border:1px solid #ffffffa8}
html[data-style=glass]:not([data-palette=original]) .card-arrow{background:linear-gradient(150deg,#fff,#ffffff75);color:var(--glass-accent);box-shadow:inset 0 1px 0 #fff,0 2px 6px var(--glass-shadow)}
html[data-style=glass]:not([data-palette=original]) .more>div{background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-style=glass]:not([data-palette=original]) .link-card:hover{box-shadow:0 17px 34px var(--glass-shadow),inset 0 1px 0 #fff}
html[data-style=glass]:not([data-palette=original]) .dialog-done{background:var(--glass-ink)}
html[data-style=glass]:not([data-palette=original]) .dialog-eyebrow{color:var(--glass-accent)}
html[data-style=glass]:not([data-palette=original]) dialog{background:#f8fbffff}
html[data-style=glass]:not([data-palette=original])[data-palette=champagne]{--glass-ink:#46462c;--glass-soft:#5f6045;--glass-rgb:97,91,44;--glass-icon:#e8e5b9;--glass-accent:#646c31;--glass-shine:#e4a3a7;--glass-shadow:#73653622}
html[data-style=glass]:not([data-palette=original])[data-palette=champagne] body{background-color:#e8e6ce;background-image:radial-gradient(ellipse at 19% 7%,#fffdf1f5 0%,#fff8dc65 23%,transparent 44%),radial-gradient(ellipse at 104% 28%,#8b9743 0%,#bbc177aa 24%,transparent 53%),radial-gradient(ellipse at -10% 53%,#d1ac6e 0%,#e2c78890 26%,transparent 55%),radial-gradient(ellipse at 103% 83%,#cf91a2 0%,#eac3b99c 32%,transparent 59%),linear-gradient(157deg,#f3efd9,#ddd5ac 54%,#f1ded8)}
html[data-style=glass]:not([data-palette=original])[data-palette=lime]{--glass-ink:#254b39;--glass-soft:#426351;--glass-rgb:55,113,65;--glass-icon:#d7f0b3;--glass-accent:#477522;--glass-shine:#c3ef68;--glass-shadow:#3b794323}
html[data-style=glass]:not([data-palette=original])[data-palette=lime] body{background-color:#e4f0d7;background-image:radial-gradient(ellipse at 21% 7%,#fffff7 0%,#f9ffe465 24%,transparent 44%),radial-gradient(ellipse at 99% 27%,#a5d74e 0%,#c0e77590 28%,transparent 57%),radial-gradient(ellipse at -12% 62%,#70b889 0%,#a4d4b280 26%,transparent 57%),radial-gradient(ellipse at 100% 87%,#dbefb3 0%,#edfad790 27%,transparent 56%),linear-gradient(155deg,#f1f7e6,#d8edc4 54%,#e8f2dd)}
html[data-style=glass]:not([data-palette=original]) button:focus-visible,html[data-style=glass]:not([data-palette=original]) summary:focus-visible{outline-color:var(--glass-accent)}
html[data-style=editorial]:not([data-palette=original]) button:focus-visible,html[data-style=editorial]:not([data-palette=original]) summary:focus-visible{outline-color:var(--editorial-ink)}

html[data-style=editorial] .identity h1{font-family:'PingFang TC','Microsoft JhengHei',sans-serif;font-weight:700}