:root{font-family:Inter,system-ui,sans-serif;color:#f6f4f1;background:#050505;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#050505}button,input,textarea,select{font:inherit}.portal{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.portal>aside{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid #292929;background:#080808;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 24px;font:800 26px 'Barlow Condensed',sans-serif}.mark{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#ff5a21,#501306);border:3px solid #ff4c16;color:#fff;font-weight:900;box-shadow:0 0 28px #ff3b0a44}.portal aside nav{display:grid;gap:3px}.portal aside nav button{display:flex;align-items:center;gap:13px;padding:11px;border:0;border-radius:8px;background:none;color:#aaa;text-align:left;cursor:pointer}.portal aside nav button svg{width:19px}.portal aside nav button:hover,.portal aside nav button.active{background:#17120f;color:#ff6740}.portal aside>small{margin-top:auto;color:#666;padding:10px}.portal>main{min-width:0;padding:34px;max-width:1240px;width:100%;margin:auto}.profile-hero{overflow:hidden;border:1px solid #292929;border-radius:15px;background:#0d0d0d}.banner{width:100%;height:310px;object-fit:cover;display:block}.profile-line{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:0 28px 28px}.profile-line>.mark,.profile-avatar{width:112px;height:112px;margin-top:-48px;border:5px solid #0d0d0d}.profile-avatar{object-fit:cover;border-radius:50%}.profile-line h1{margin:16px 0 0;font:800 40px 'Barlow Condensed'}.profile-line b{color:#ff6238}.profile-line p{max-width:740px;color:#aaa;line-height:1.55}.profile-line button,.add-form button,.profile-form>button,.ai-box button{border:0;border-radius:7px;background:#ff3b0a;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer;margin-top:18px}.spotlight{margin-top:20px;padding:24px;border:1px solid #743019;border-radius:13px;background:radial-gradient(circle at 100% 0,#351006,#0b0807 60%);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.spotlight>span{font-size:9px;font-weight:900;color:#ff6a45}.spotlight h2,.spotlight p{margin:0}.spotlight p{color:#aaa;margin-top:4px}.spotlight>a{display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;background:#ff3b0a;padding:11px 14px;border-radius:7px;font-weight:800}.spotlight>a svg{width:15px}.spotlight nav{grid-column:1/-1;display:flex;gap:7px;overflow:auto}.spotlight nav button{white-space:nowrap;border:1px solid #39241d;background:#0d0d0d;color:#999;border-radius:999px;padding:7px 10px}.spotlight nav button.active{border-color:#ff4b18;color:#fff}.honesty{display:flex;gap:15px;margin-top:20px;padding:22px;border:1px solid #315844;border-radius:12px;background:#0b1b13}.honesty svg{color:#5bd696}.honesty h2,.honesty p{margin:0}.honesty p{margin-top:4px;color:#9fb7a8}.page>h1{font:800 58px 'Barlow Condensed';margin:0}.page>p{color:#999;line-height:1.6;max-width:760px}.add-form{display:flex;gap:9px;margin:28px 0}.add-form input,.profile-form input,.profile-form textarea,.form-card input,.form-card select,.ai-box input{background:#111;color:#fff;border:1px solid #3a3a3a;border-radius:7px;padding:12px}.add-form input{flex:1}.add-form button{margin:0;display:flex;align-items:center;gap:6px}.add-form button svg{width:16px}.local-list{display:grid;gap:8px}.local-list article{display:flex;justify-content:space-between;align-items:center;border:1px solid #292929;border-radius:9px;background:#0d0d0d;padding:15px}.local-list button{background:none;border:0;color:#8c4438}.local-list svg{width:17px}.empty{border:1px dashed #3b3b3b;border-radius:10px;padding:30px;color:#777}.form-card,.profile-form,.settings-list,.ai-box{max-width:760px;margin-top:28px;padding:24px;border:1px solid #292929;border-radius:12px;background:#0d0d0d;display:grid;gap:18px}.form-card label,.profile-form label{display:grid;gap:8px;font-weight:700}.plan{display:grid;gap:5px;padding:16px;border-left:3px solid #ff3b0a;background:#15100e}.plan small{color:#888}.profile-form textarea{min-height:120px;resize:vertical}.image-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-fields label{display:flex;align-items:center;gap:8px;border:1px dashed #555;border-radius:9px;padding:17px;color:#bbb}.image-fields input{width:100%;min-width:0}.settings-list label{display:flex;justify-content:space-between}.danger{justify-self:start;background:#35110b;color:#ff765b;border:1px solid #6d2517;border-radius:7px;padding:10px 14px}.link-list{display:grid;max-width:700px;margin-top:25px}.link-list a{display:flex;justify-content:space-between;color:#eee;text-decoration:none;padding:18px 4px;border-bottom:1px solid #292929}.link-list svg{width:16px}.ai-box>svg{width:38px;height:38px;color:#ff5729}.ai-box p{color:#ccc;line-height:1.6}.ai-box form{display:flex;gap:8px}.ai-box input{flex:1}.ai-box button{margin:0}@media(max-width:800px){.portal{grid-template-columns:76px 1fr}.portal>aside{padding:18px 10px}.brand b,.portal aside nav span,.portal aside>small{display:none}.brand{margin-left:4px}.portal aside nav button{justify-content:center}.portal>main{padding:18px}.banner{height:220px}.profile-line{grid-template-columns:auto 1fr}.profile-line>button{grid-column:1/-1;margin:0}.spotlight{grid-template-columns:1fr}.spotlight>nav,.spotlight>a{grid-column:auto}.image-fields{grid-template-columns:1fr}}@media(max-width:520px){.portal{display:block}.portal>aside{position:fixed;z-index:20;bottom:0;top:auto;width:100%;height:70px;padding:8px;background:#080808f2}.brand,.portal aside nav button:nth-child(n+7),.portal aside>small{display:none}.portal aside nav{display:flex;overflow:auto}.portal aside nav button{min-width:54px}.portal>main{padding:12px 12px 90px}.banner{height:170px}.profile-line{padding:0 15px 18px}.profile-line>.mark,.profile-avatar{width:80px;height:80px}.profile-line h1{font-size:30px}.page>h1{font-size:44px}.spotlight{padding:18px}.ai-box form,.add-form{flex-direction:column}}
