*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#edf2f4;color:#111827}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;grid-template-columns:460px 1fr;gap:30px;align-items:center;padding:48px 7%;background:radial-gradient(circle at top left,#d1fae5,#eef2ff 42%,#f8fafc)}.login-card,.signup-card,.profile-card,.post-form,.source-panel,.ai-card,.community-card{background:white;border:1px solid #e5e7eb;border-radius:30px;box-shadow:0 30px 80px rgba(15,23,42,.1)}.login-card{padding:30px}.login-head{text-align:center}.brand-mark{font-size:44px}.eyebrow{font-weight:950;letter-spacing:.12em;color:#0f766e;font-size:13px}.login-head h1,.signup-card h1{font-size:44px;margin:8px 0;letter-spacing:-.05em}.login-head p,.auth-info p,.page-head p,.hint{color:#64748b;line-height:1.65}.auth-info h2{font-size:56px;line-height:1.06;letter-spacing:-.06em;margin:12px 0}.auth-info{padding:20px}.small-link{display:block;margin:14px auto;border:0;background:transparent;color:#0f766e;font-weight:950;cursor:pointer}.product-code-box{margin-top:22px;border-top:1px solid #e5e7eb;padding-top:18px}.signup-screen{min-height:100vh;padding:36px 7%;background:#f8fafc}.signup-card{max-width:960px;margin:0 auto;padding:30px}.back-btn{border:0;background:#f1f5f9;border-radius:999px;padding:10px 14px;font-weight:950;cursor:pointer;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-weight:900;color:#334155;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}input,select,textarea{border:1px solid #cbd5e1;border-radius:14px;padding:14px;background:white}textarea{min-height:110px;resize:vertical}.btn{border:1px solid #111827;border-radius:16px;padding:14px 20px;font-weight:950;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.primary{background:#111827;color:white}.ghost{background:white;color:#111827}.full{width:100%}.nickname-status{font-size:13px;color:#64748b}.nickname-status.ok{color:#166534}.nickname-status.bad{color:#b91c1c}.terms-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin:16px 0}.terms-box p{color:#475569;line-height:1.7}.check{flex-direction:row!important;align-items:flex-start}.check input{width:18px;height:18px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;background:#0f172a;color:white;padding:24px;display:flex;flex-direction:column;gap:10px}.brand{font-weight:950;font-size:22px;margin-bottom:18px;cursor:pointer}.nav-btn{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:14px 16px;border-radius:16px;font-weight:950;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#1e293b;color:white}.danger-text{color:#fecaca}.page-main{padding:32px}.page{display:none}.page.active{display:block}.page-head h2{font-size:42px;letter-spacing:-.04em;margin:8px 0 12px}.status-box{display:inline-block;background:white;border:1px solid #e5e7eb;border-radius:14px;padding:10px 14px;font-weight:900;margin-bottom:18px}.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.chip{background:white;border:1px solid #e5e7eb;border-radius:999px;padding:9px 13px;font-weight:950;cursor:pointer}.chip.active{background:#111827;color:white}.ai-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ai-card{padding:22px}.ai-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.ai-card h3{font-size:25px;margin:6px 0}.score{background:#ecfeff;color:#155e75;border-radius:999px;padding:7px 11px;font-weight:950}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tag{background:#f1f5f9;color:#334155;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}.ai-card p{color:#475569;line-height:1.6}.post-form{padding:22px;margin-bottom:18px}.community-list{display:flex;flex-direction:column;gap:14px}.community-card{padding:20px}.community-card h3{margin:4px 0 8px}.community-meta{font-size:13px;color:#64748b;font-weight:850}.comment-box{margin-top:14px;background:#f8fafc;border-radius:16px;padding:12px}.comment-row{border-bottom:1px solid #e5e7eb;padding:8px 0;color:#475569}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-form input{flex:1}.source-panel{padding:22px}.source-row{display:grid;grid-template-columns:1fr 140px 160px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #e5e7eb}.badge{border-radius:999px;padding:7px 10px;font-weight:950;text-align:center;font-size:12px}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.profile-card{padding:24px;max-width:650px}.profile-item{display:grid;grid-template-columns:160px 1fr;padding:12px 0;border-bottom:1px solid #e5e7eb}.profile-item b{color:#334155}@media(max-width:960px){.auth-screen,.app{grid-template-columns:1fr}.auth-info{display:none}.side{position:relative;height:auto;flex-direction:row;overflow:auto}.page-main{padding:18px}.grid-2,.ai-list{grid-template-columns:1fr}.source-row{grid-template-columns:1fr}.login-card{max-width:520px;margin:0 auto}}

/* v8 mature sea community tone */
body{
  background:#e8eef1;
  color:#1f2933;
}
.auth-screen{
  background:
    linear-gradient(120deg, rgba(7,37,52,.88), rgba(22,78,99,.72)),
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(180deg,#dbeafe,#e0f2fe);
}
.login-card{
  border-radius:18px;
  border:1px solid rgba(148,163,184,.4);
  box-shadow:0 24px 70px rgba(2,8,23,.28);
}
.login-head h1{
  color:#0f2f3f;
  font-size:40px;
  letter-spacing:-.03em;
}
.login-head p{
  color:#475569;
}
.owner-note{
  margin-top:8px;
  font-size:13px;
  color:#0f766e!important;
  font-weight:800;
}
.auth-info{
  color:white;
}
.auth-info h2{
  font-size:48px;
  color:white;
}
.auth-info p{
  color:#dbeafe;
  max-width:620px;
}
.sea-panel{
  background:rgba(15,23,42,.22);
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  padding:34px;
  backdrop-filter:blur(8px);
}
.sea-quote{
  margin-top:24px;
  padding:18px 20px;
  border-left:4px solid #bae6fd;
  background:rgba(255,255,255,.12);
  border-radius:12px;
  color:#f8fafc;
  font-weight:800;
}
.brand-mark{
  filter:grayscale(.15);
}
.btn.primary{
  background:#0f2f3f;
  border-color:#0f2f3f;
}
.small-link{
  color:#075985;
}
.product-code-box{
  border-top:1px solid #d9e2e8;
}
.app .side{
  background:linear-gradient(180deg,#082f49,#0f172a);
}
.nav-btn.active,.nav-btn:hover{
  background:#164e63;
}
.ai-card,.community-card,.post-form,.profile-card,.source-panel,.signup-card{
  border-radius:18px;
}
.ai-card h3,.page-head h2{
  letter-spacing:-.025em;
}
.score{
  background:#e0f2fe;
  color:#075985;
}
.tag{
  background:#eef6f8;
  color:#31505f;
}
.eyebrow{
  color:#0e7490;
}
.auth-info .eyebrow{
  color:#bae6fd;
}
@media(max-width:960px){
  .auth-screen{
    background:linear-gradient(180deg,#e0f2fe,#f8fafc);
  }
  .auth-info{display:none}
}