:root{--navy:#294355;--blue:#477e9d;--cyan:#36c3df;--purple:#a643b4;--line:#dbe5ee;--soft:#f5f8fb}body{background:radial-gradient(ellipse at 90% 0%,#36c3df0b,transparent 45%),radial-gradient(ellipse at 0% 35%,#a643b407,transparent 50%),#eaf0f5;color:var(--navy);line-height:1.75}header{background:linear-gradient(110deg,#233a4c,#294355 65%,#30536a);border-bottom:1px solid #36c3df65;box-shadow:0 4px 20px #17304413}.top{max-width:1280px;padding-block:18px;gap:24px}nav{gap:5px}nav button{border-radius:10px;padding:9px 13px;color:#dceaf1;font-size:15px;transition:background .15s,color .15s}nav button:hover{background:#ffffff0c}nav button.active{background:#36c3df15;border:1px solid #36c3df40;color:#9cefff}#account{display:flex;align-items:center;gap:10px}#account>span{font-size:14px;color:#d2e3ed}#account button{border-color:#ffffff25;background:#ffffff09;color:#dfeaf1;border-radius:10px}main{margin-block:30px}.panel{border:1px solid #dbe5ed;border-radius:15px;box-shadow:0 4px 16px #29435505;padding:23px;margin-bottom:20px}.panel.tint{background:linear-gradient(125deg,#f5eef8,#edf4f9);border-color:#e2d9ea}.panel.tint strong{color:#824998}.panel.tint p{font-size:14px;margin-bottom:0}h1,h2,h3{letter-spacing:-.3px}h1{font-size:29px;line-height:1.4}h2{font-size:22px;line-height:1.5}.muted{color:#6b8191}.cover{height:78px;margin:-23px -23px 18px;background:radial-gradient(circle at 80% 110%,#36c3df45,transparent 55%),repeating-linear-gradient(110deg,transparent 0 15px,#ffffff06 15px 17px),linear-gradient(110deg,#294355,#49607b);border-bottom:0;border-radius:14px 14px 0 0}.sidebar .cover+.avatar{margin-top:-43px;position:relative;outline:5px solid white;width:62px;height:62px}.sidebar h2{margin-top:10px;margin-bottom:4px}.avatar{border-radius:14px;background:linear-gradient(140deg,#bddfe7,#a8cddc);color:#355b73}.identity{gap:12px}.identity button{color:#294355;font-weight:bold}.identity small{font-size:12px;color:#8296a5}.primary{background:linear-gradient(120deg,#477e9d,#3f728f);border-color:#477e9d;box-shadow:0 3px 8px #477e9d15}button{border-radius:9px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,border-color .15s}button:hover:not(:disabled){border-color:#9bbbcf;background-color:#f4f8fb}button.primary:hover:not(:disabled){background:#365f79;box-shadow:0 3px 11px #477e9d25}button.selected{border-color:#ba97c9;background:#eee4f4;color:#81469a}input,select,textarea{border-radius:10px;background:#f8fafc;border-color:#d9e4ed;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#62b7ce;box-shadow:0 0 0 3px #36c3df12;background:white}label{color:#486476;margin-top:15px}textarea{padding:13px;line-height:1.7}.tag{border-radius:7px;background:#eef4f8;color:#52758c;padding:4px 10px}.tags{gap:7px}.actions{padding-top:15px;gap:9px;margin-top:16px}.actions button{background:#f6f9fb;border-color:#e2eaf0;color:#607d91;padding:7px 12px}.actions button.selected{background:#eee4f4;color:#81469a;border-color:#c8acd5}.comment{background:#f5f8fb;border:1px solid #eaf0f5;border-radius:10px;padding:12px}.comment strong{font-size:14px}.comment small{font-size:11px}.comment p{margin-top:5px}.commentform{margin-top:12px;align-items:flex-start}.commentform button{padding:10px 14px}.vote{border-radius:10px;border-color:#dde6ee;padding:12px 15px}.vote b{font-weight:500}.vote.selected{border-color:#b699c6}.auth{padding:30px;box-shadow:0 12px 40px #2943550a;border-top:3px solid #36c3df;margin-block:48px}.auth h1{font-size:28px}.auth>p{font-size:14px}.auth .tabs{background:#edf3f7;padding:5px;border-radius:10px;gap:5px;margin-block:23px}.auth .tabs button{flex:1;border:0;background:white;box-shadow:0 2px 5px #29435506;color:#477e9d}.auth form>button{margin-top:8px;padding:11px}summary{color:#477e9d;font-weight:500}.gallery img{border-radius:11px}.gallery>div{background:#f7fafc;border-radius:12px;overflow:hidden;border:1px solid #e4ecf2}.gallery button{margin:5px;width:calc(100% - 10px)}.tablewrap{border:1px solid #e4ecf2;border-radius:10px}th{background:#f4f8fb;color:#5b7b90;font-size:13px}td{font-size:14px;padding:12px}tr:last-child td{border-bottom:0}#notice{border:1px solid #ffffff20;box-shadow:0 8px 30px #29435522;border-radius:12px}#chat{border-radius:15px 15px 0 0;border-color:#bcd0de;box-shadow:0 10px 45px #29435528}#chat .head{border-radius:14px 14px 0 0;background:linear-gradient(110deg,#294355,#36576c)}#chat .head button{border-color:#ffffff20;background:#ffffff0a;color:#e4eff5;border-radius:8px}.bubble{border-radius:13px;background:#f0f5f9}.bubble.mine{background:#eae0f1;color:#654278}.emoji button{border-color:transparent;background:#f7fafc;border-radius:8px}.empty{font-size:15px;padding:35px 20px}
@media(max-width:800px),(pointer:coarse) and (max-height:500px){.top{padding-block:13px;gap:12px}nav{gap:4px;padding-block:5px}nav button{font-size:14px;padding:9px 12px}nav button.active{border-bottom:1px solid #36c3df40}main{margin-block:20px}.panel{padding:18px;border-radius:13px;margin-bottom:16px}.cover{margin:-18px -18px 18px;border-radius:12px 12px 0 0;height:72px}h1{font-size:25px}h2{font-size:21px}.auth{padding:22px;margin-block:26px}.auth h1{font-size:25px}button{min-height:44px}input,select,textarea{font-size:16px}.actions button{min-height:44px}.gallery img{border-radius:10px}.chatcompose button{padding-inline:15px}}
@media(max-width:360px){.panel{padding:14px}.cover{margin:-14px -14px 18px}.auth{padding:18px}.auth h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}}
header nav button:hover:not(:disabled),header #account button:hover:not(:disabled){background:#ffffff14;color:#fff;border-color:#ffffff25}#chat .head button:hover:not(:disabled){background:#ffffff20;color:white;border-color:#ffffff40}