*{box-sizing:border-box}body{margin:0;min-height:100vh}a{text-decoration:none;color:inherit}header{height:68px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--nav-surface)}header .btn{display:inline-flex}main{max-width:860px;margin:0 auto;padding:48px 24px}footer{padding:28px 6%;border-top:1px solid var(--border);display:flex;gap:20px;font-size:12px;color:var(--muted-foreground)}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--color-accent)}h1{font-size:36px;font-weight:600;margin:12px 0}p{color:var(--muted-foreground);line-height:1.7}.landing{max-width:960px;padding-top:90px;position:relative;min-height:640px}.landing h1{font-size:70px;line-height:1.08;letter-spacing:-.05em}.landing>p{max-width:390px;font-size:17px}.landing>.btn{display:inline-flex;margin-top:16px}.mini-preview{position:absolute;right:24px;top:110px;width:300px;padding:32px 24px;border:1px solid var(--border);border-radius:10px;background:var(--card);display:flex;flex-direction:column;align-items:center;gap:12px;transform:rotate(3deg)}.preview-avatar,.avatar{width:92px;height:92px;border-radius:50%;background:#263a4b;display:grid;place-items:center;font-size:34px;color:var(--color-accent);object-fit:cover}.mini-preview>span:not(.preview-avatar){font-size:12px;color:var(--muted-foreground)}.mini-preview>div{width:100%;padding:14px;border:1px solid var(--border);border-radius:4px;font-size:13px}.public-profile{max-width:530px;text-align:center;padding-top:76px;min-height:calc(100vh - 145px)}.avatar{margin:auto;border:1px solid var(--profile-accent);color:var(--profile-accent)}.public-profile h1{font-size:30px;margin-top:24px}.bio{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:32px}.profile-links{display:grid;gap:12px}.profile-links a{padding:18px 22px;border:1px solid var(--border);border-radius:6px;background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:border-color .15s;overflow-wrap:anywhere;text-align:left}.profile-links a:hover{border-color:var(--profile-accent)}.profile-links a span{color:var(--profile-accent)}.profile-handle{margin-top:32px;font-size:12px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-head h1{font-size:32px}.editor-head .btn{display:flex}.editor-card{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:24px;margin:24px 0}.editor-card h2{font-size:18px;margin:0 0 16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields .wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--color-ink-300)}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--input);background:var(--card);font:inherit}.url-prefix{font-size:11px;color:var(--muted-foreground)}.publish{flex-direction:row;align-items:center;padding-top:20px}.publish input{width:auto}.link-row{display:grid;grid-template-columns:24px 1fr 1.5fr;gap:12px;margin-top:18px;align-items:end}.link-row>span{padding-bottom:10px;color:var(--muted-foreground)}.save-bar{position:sticky;bottom:0;background:var(--nav-surface);border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.save-bar span{color:var(--muted-foreground);font-size:12px}.logout{margin-top:28px}.notice{border:1px solid #855660;color:#e3b0c2;padding:14px;border-radius:4px}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(max-width:720px){.landing{padding-top:44px}.landing h1{font-size:48px}.mini-preview{position:static;margin:48px auto 16px;transform:rotate(2deg);max-width:100%}.fields{grid-template-columns:1fr}.link-row{grid-template-columns:18px 1fr}.link-row label:last-child{grid-column:2}.editor-head{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:8px}.editor-card{padding:18px}.save-bar span{max-width:130px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}