:root{color-scheme:dark;--gold:#f0cc8e;--ink:#111526;--muted:#c2bfd0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 22%,#303455 0,transparent 50%),#101320;color:#f7f0e6;font:16px/1.7 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 5vw;border-bottom:1px solid #ffffff20}header>a{letter-spacing:.12em;color:var(--gold)}a{color:var(--gold);text-underline-offset:5px}nav{display:flex;gap:22px}a[aria-current]{color:white}main{max-width:1220px;margin:auto;padding:35px 28px}.intro h1{font:clamp(32px,4vw,56px)/1.3 Georgia,serif;margin:8px 0 18px}.eyebrow{color:var(--gold);font-size:14px;letter-spacing:.17em}.intro{margin-bottom:28px}.note{font-size:14px;color:var(--muted)}.workspace{display:grid;grid-template-columns:1.2fr 1fr;background:#161a2b;border:1px solid #817052;border-radius:24px;overflow:hidden;box-shadow:0 22px 90px #0004}.photo-panel{display:flex;align-items:center;justify-content:center;min-height:530px;padding:30px;background:radial-gradient(circle,#333759,#131726 70%)}#empty{text-align:center;color:var(--muted)}.orb{display:block;font-size:130px;color:var(--gold);line-height:1.3}#photo-wrap{position:relative;max-width:100%;width:max-content;line-height:0}#photo{display:block;max-height:590px;max-width:100%;width:auto;height:auto}#marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#photo-wrap.marking{cursor:crosshair}.controls{padding:32px}h2{font-size:23px;line-height:1.5}button,.button,select{font:inherit;border:1px solid #8c806f;border-radius:12px;background:#24293d;color:white;padding:12px 18px;cursor:pointer}.button{display:inline-block;text-decoration:none;text-align:center}button{margin:8px 0}.primary{background:var(--gold);color:#1d2233;border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}select{display:block;width:100%;margin:10px 0 20px}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}label.button:has(+input:focus-visible),:focus-visible{outline:3px solid #b5dbff;outline-offset:4px}input[type=checkbox]{width:20px;height:20px;margin-right:10px}#use,#read,#restart{display:block;width:100%}#status{color:var(--gold)}blockquote{margin:25px 0;padding:15px;border-left:3px solid var(--gold);background:#ffffff08}.about{max-width:800px;margin:55px auto;color:var(--muted)}footer{padding:25px;text-align:center;color:var(--muted);font-size:14px}[hidden]{display:none!important}@media(max-width:760px){main{padding:25px 16px}.workspace{grid-template-columns:1fr}.photo-panel{min-height:300px;padding:20px}.controls{padding:24px}#photo{max-height:420px}header{font-size:14px}.orb{font-size:85px}}
/* 2026-09-16 palm-cosmic-chinese-20260916: 손금 화면 배경을 우주 그림으로(DEC-031). 글자는 그림 위 어두운 덮개 위에 둔다. */
.palm-hero{position:relative;isolation:isolate}
.palm-hero .cosmos{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}
.palm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0d1ce6,#0a0d1c99 46%,#0a0d1c40),linear-gradient(0deg,#101320 2%,transparent 60%);z-index:-1;pointer-events:none}
.lang-switch{display:inline-flex;gap:10px;align-items:center;font-size:13px}
.lang-switch a{color:#e8ddc8;opacity:.75;text-decoration:none;border-bottom:1px solid transparent}
.lang-switch a:hover{opacity:1;border-bottom-color:#e8ddc8}
.lang-switch .lang-current{color:#f4d9a0;font-weight:600}
@media(max-width:700px){.lang-switch{font-size:12px;gap:8px;width:100%;justify-content:flex-end}}
@media(max-width:700px){/* 2026-09-16 language-urls-tw-first-20260916: 좁은 화면에서는 가로 덮개가 그림을 너무 가려 세로 방향으로 바꾼다. */
.palm-hero:before{background:linear-gradient(180deg,#0a0d1cb3,#0a0d1c66 45%,#101320f2),linear-gradient(90deg,#0a0d1cb3,transparent 55%)}}

/* 2026-09-16 legal-pages-20260916: 화면 아래 처리방침·약관 링크 */
.wf-legal-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:22px 20px 110px;font-size:13px}
.wf-legal-links a{color:#c9c1b0;text-decoration:none;border-bottom:1px solid transparent}
.wf-legal-links a:hover{color:#f0c977;border-bottom-color:#f0c977}