.pub{background:var(--page);flex-direction:column;align-items:center;min-height:100vh;padding:56px 16px 32px;display:flex}.pub-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;width:560px;max-width:100%;padding:32px;display:flex}.pub-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.pub-head .eyebrow{color:var(--t-sec);font-size:13px}.pub-head .ttl{letter-spacing:-.01em;font-size:22px;font-weight:600}.pub-drop{border:2px dashed var(--input-border);text-align:center;cursor:pointer;color:var(--t-sec);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13.5px;transition:background .12s,border-color .12s;display:flex}.pub-drop:hover,.pub-drop.over{background:var(--accent-soft);border-color:var(--accent)}.pub-drop .big{color:var(--t-strong);font-size:16px;font-weight:500}.pub-files{flex-direction:column;gap:8px;display:flex}.pub-file{border:1px solid var(--divider);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;display:flex}.pub-file .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.pub-file .st{color:var(--t-sec);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.pub-foot{color:var(--t-mut);align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.pub-foot img{width:16px;height:16px}.pub-done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.pub-done .ic{background:var(--st-published-bg);width:52px;height:52px;color:var(--st-published-tx);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.login{background:var(--page);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:#0f0f10;align-items:flex-end;padding:48px;display:flex;position:relative;overflow:hidden}.login-art:before{content:"";filter:blur(10px);background:radial-gradient(closest-side,#8a8df58c,#0000);width:720px;height:720px;position:absolute;top:-200px;left:-160px}.login-art:after{content:"";filter:blur(10px);background:radial-gradient(closest-side,#ff74786b,#0000);width:640px;height:640px;position:absolute;bottom:-220px;right:-220px}.login-art .quote{z-index:1;color:#f8f8f8;letter-spacing:-.015em;max-width:440px;font-size:28px;font-weight:500;line-height:1.25;position:relative}.login-art .quote span{color:#a1a1a1}.login-art .bigmark{z-index:1;width:56px;height:56px;position:absolute;top:48px;left:48px}.login-side{justify-content:center;align-items:center;padding:32px 16px;display:flex}.login-box{flex-direction:column;gap:14px;width:360px;max-width:100%;display:flex}.login-box .h{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:600}.login-box .or{color:var(--t-mut);align-items:center;gap:10px;font-size:12px;display:flex}.login-box .or:before,.login-box .or:after{content:"";background:var(--border);flex:1;height:1px}.login-box .btn{width:100%;height:40px}.login-box .fine{color:var(--t-mut);font-size:12px;line-height:1.5}@media (max-width:820px){.login{grid-template-columns:1fr}.login-art{display:none}}.login-note{color:var(--danger);background:#f871711f;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.login-p{color:var(--t-sec);margin:0;font-size:14px;line-height:1.55}.login-p b{color:var(--t-strong);font-weight:500}.login-sent-ic{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-text);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.consent{gap:18px}.consent .pub-head{text-align:left;flex-direction:row;align-items:flex-start;gap:16px}.consent .pub-head .ttl{font-size:19px;line-height:1.3}.consent-list{border:1px solid var(--divider);border-radius:10px;flex-direction:column;gap:10px;margin:0;padding:14px 16px;font-size:13.5px;list-style:none;display:flex}.consent-list li{align-items:center;gap:10px;display:flex}.consent-list svg{color:var(--accent-text);flex-shrink:0}.consent-actions{justify-content:flex-end;gap:10px;display:flex}.consent-actions .btn{min-width:120px;height:40px}.consent-fine{color:var(--t-mut);margin:0;font-size:12px}