:root{--share-ink:#3a2a1c;--share-muted:#6e5a45;--share-line:#efe3d2;--share-cream:#fff9f1;--share-primary:#a64932;--share-radius:16px;--share-card-radius:22px}
.share-brand,.shared-header,.appbar,.actions a,.lines,#step-result .panel{box-sizing:border-box}
.share-brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;background:none;border:0;border-radius:0;color:var(--share-muted);text-decoration:none;letter-spacing:.08em;font-family:inherit;font-size:17px;font-weight:700;line-height:1.25;text-align:left}
.share-brand img{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.share-brand span{display:block;font-size:17px;font-weight:700;letter-spacing:.08em}
.share-brand small{display:block;margin-top:3px;font-size:11px;letter-spacing:.02em;font-weight:500;color:var(--share-muted)}
.shared-header,.appbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 0}
.share-brand:focus-visible,.actions a:focus-visible,#step-result .btn:focus-visible{outline:3px solid var(--share-primary);outline-offset:4px}
body[data-shared-tti]{background:linear-gradient(180deg,#fff9f1,#fffdf9 45%,#f8f5ee);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body[data-shared-tti] .card{max-width:620px;padding:0 20px 40px}
body[data-shared-tti] .shared-header{margin-bottom:8px}
.actions a,#step-result .btn--primary{display:flex;align-items:center;justify-content:center;min-height:54px;padding:14px 20px;border-radius:var(--share-radius);background:var(--share-primary);color:#fff;font-size:16px;font-weight:700;line-height:1.6;text-decoration:none;box-shadow:0 4px 12px #3a2a1c0d}
#step-result .btn--ghost{min-height:48px;border:1px solid #dfcdb9;border-radius:var(--share-radius);color:var(--share-muted);background:#fffdf9;font-size:15px}
.lines,#step-result .panel{padding:18px 20px;border:1px solid var(--share-line);border-radius:var(--share-card-radius);background:#fff;box-shadow:0 4px 16px #3a2a1c08}
#step-result .panel{margin-top:14px}
#step-result .panel--love{background:#fff7f5}
.line-label,#step-result .panel__label{font-size:13px;font-weight:700;line-height:1.6;color:#79533a}
.lines p,#step-result .panel__body{font-size:16px;line-height:1.7}
#step-result .panel__body,#step-result .summary,#step-result .trait,#step-result .headline,#step-result .shared-compat p,.action-help{word-break:keep-all;overflow-wrap:anywhere}
.lines p{padding:12px 0}
#step-result .result::before{display:none}
.invite,#step-result .shared-compat{padding:18px 20px;border:1px solid #efdfd2;border-radius:var(--share-card-radius);background:#fff3ed}
#step-result .shared-compat .btn{margin-top:12px}
.analytics-footer,.foot__links{gap:8px 14px;font-size:13px}
.analytics-footer a,.foot__links a,.analytics-footer button,.foot__links button{font-size:13px;color:var(--share-muted);min-height:44px}
.foot__links>span[aria-hidden]{display:none}
.foot__links .foot__analytics,.analytics-footer #analytics-settings{box-sizing:border-box;margin:0;padding:8px 16px;border:1px solid #dfcdb9;border-radius:10px;background:#fffaf3;color:var(--share-muted);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
@media(min-width:760px){body[data-screen="result"] #app{max-width:620px}}
@media(max-width:359px){.share-brand{gap:7px}.share-brand span{font-size:16px}.actions a,#step-result .btn--primary{font-size:15px}.lines,#step-result .panel{padding:16px 18px}}
