:root{color-scheme:dark;--bg:#0b1311;--surface:#111c18;--surface2:#16231e;--border:#26352e;--muted:#8b9f93;--text:#edf5ef;--green:#42dca3;--gold:#e2bb68;--red:#ffa393;--radius:16px;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #42dca315}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:32px;font-weight:650;line-height:1.2;margin-bottom:10px}h2{font-size:20px;font-weight:600;margin-bottom:8px}h3{font-size:15px;font-weight:600;margin-bottom:8px}p{line-height:1.65}small,.muted{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;background:#ffffff07;padding:2px 5px;border-radius:4px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--green);display:block;margin-bottom:18px}.brand{display:flex;gap:11px;align-items:center;color:var(--text);font-size:22px;font-weight:800;letter-spacing:.13em}.brand:hover{text-decoration:none}.brand img{width:39px;height:39px}.brand small{display:block;letter-spacing:.24em;font-size:9px;color:var(--muted);font-weight:600;margin-top:1px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;border-right:1px solid var(--border);background:#0e1814;padding:31px 21px 17px;display:flex;flex-direction:column;z-index:30}.server-card{display:flex;gap:10px;align-items:center;background:#16231c;border:1px solid var(--border);border-radius:11px;padding:12px 10px;margin:34px 0 27px}.server-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#2a3b2f;color:#c6dabf;border-radius:9px;font-size:15px;font-weight:700;overflow:hidden}.server-icon img{width:100%;height:100%;object-fit:cover}.server-card strong{display:block;font-size:12px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-card small{font-size:10px;display:block;margin-top:4px}.nav-label{font-size:9px;letter-spacing:.13em;color:#637b6a;font-weight:600;margin:0 12px 10px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;color:#9eafa3;border:1px solid transparent;border-radius:9px;padding:12px;font-size:12px;font-weight:550}nav button span{width:19px;text-align:center;font-size:16px;color:#7a9987}nav button:hover{background:#ffffff04;color:var(--text)}nav button.active{background:#42dca312;border-color:#42dca325;color:#7bebb9}nav button.active span{color:var(--green)}.sidebar-bottom{margin-top:auto;padding-top:25px}.version{font-size:10px;color:#62796b;display:flex;justify-content:space-between;margin:10px 7px 20px}.version span{border:1px solid var(--border);padding:0 5px;border-radius:4px}.user-card{border:0;border-top:1px solid var(--border);background:transparent;padding:17px 6px 0;display:flex;gap:11px;width:100%;text-align:left;color:var(--text);align-items:center}.user-avatar{display:grid;place-items:center;background:#e2bb6820;color:var(--gold);width:34px;height:34px;border-radius:50%;font-weight:700}.user-card strong{display:block;font-size:11px}.user-card small{display:block;font-size:10px;margin-top:3px}.workspace{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 39px;border-bottom:1px solid var(--border);background:#0b1311e8}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#4a6254}.breadcrumb strong{color:#d0dfd4;font-weight:500}.topbar-actions{display:flex;gap:18px;align-items:center}.status{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);white-space:nowrap}.status i,.live-dot{width:6px;height:6px;border-radius:50%;background:#718077;display:inline-block}.status.online{color:#94e6bb}.status.online i,.live-dot{background:var(--green);box-shadow:0 0 10px #42dca340}.status.error{color:var(--red)}.status.error i{background:var(--red)}.icon-button{width:32px;height:32px;border:1px solid var(--border);background:#142019;color:#a6baac;border-radius:8px;font-size:19px;display:grid;place-items:center}.icon-button:hover{color:var(--green);border-color:#42634d}.mobile-menu{display:none}main{width:100%;max-width:1540px;margin:0 auto;padding:35px 39px 50px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.page-heading .eyebrow{margin-bottom:10px;font-size:9px}.page-heading p{margin-bottom:0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:10px 16px;border:1px solid var(--border);background:#1b2a21;color:#d7e6db;border-radius:8px;font-size:11px;font-weight:650;line-height:1.3;white-space:normal;text-align:center;transition:background .15s}.button:hover{background:#26392d;text-decoration:none}.button.primary{background:var(--green);color:#092418;border-color:var(--green);box-shadow:0 3px 13px #42dca312}.button.primary:hover{background:#70e8ba}.button.gold{background:#e2bb6815;border-color:#e2bb6840;color:#e7c98c}.button.danger{background:#ffa39310;border-color:#ffa39325;color:var(--red)}.button.ghost{background:transparent}.button.small{min-height:30px;padding:7px 10px;font-size:10px}.button.wide{width:100%;justify-content:space-between}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px;min-width:0}.panel+.panel{margin-top:20px}.panel-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.panel-top h2{font-size:16px;margin-bottom:5px}.panel-top p{font-size:11px;color:var(--muted);margin-bottom:0}.panel-icon{height:35px;min-width:35px;border-radius:10px;background:#42dca315;display:grid;place-items:center;font-size:18px}.two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}.equal-columns{grid-template-columns:1fr 1fr}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:17px;min-width:0}.form-grid .field{margin-bottom:0}.full{grid-column:1/-1}label,.field-label{display:block;font-size:11px;font-weight:550;color:#c1d1c5;margin-bottom:8px}input:not([type=checkbox]),textarea,select{display:block;width:100%;min-width:0;background:#0b1510;border:1px solid #2a3b2f;border-radius:7px;color:#e0ebe3;padding:11px 12px;font-size:12px;line-height:1.5;transition:border-color .15s}textarea{resize:vertical;min-height:116px}input::placeholder,textarea::placeholder{color:#506d5a}input[type=color]{padding:4px 7px;min-height:40px;max-width:100px}select{padding-right:28px}select[multiple]{min-height:155px}.field small,.hint{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:7px}.check{display:flex;align-items:flex-start;gap:10px;margin:13px 0;font-size:11px;font-weight:400;cursor:pointer}.check input{accent-color:var(--green);height:15px;width:15px;margin:1px 0 0;flex-shrink:0}.check small{display:block;font-size:10px;margin-top:3px;line-height:1.5}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:21px}.toggle-row strong{font-size:12px}.switch{width:36px;height:20px;position:relative;display:block;cursor:pointer;margin:0}.switch input{opacity:0;position:absolute;width:100%;height:100%;margin:0}.switch span{display:block;width:36px;height:20px;background:#344138;border-radius:20px;border:1px solid #4b5a4f}.switch span:after{content:"";position:absolute;width:12px;height:12px;left:4px;top:4px;border-radius:50%;background:#a1b2a5;transition:transform .2s}.switch input:checked+span{background:var(--green);border-color:var(--green)}.switch input:checked+span:after{transform:translateX(16px);background:#0b291b}.switch input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}.section-separator{border:0;border-top:1px solid var(--border);margin:24px 0}.placeholder-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 20px}.placeholder-list code{font-size:10px;color:#9aceb2;background:#213429;padding:5px 7px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.form-actions small{font-size:10px}.unsaved{font-size:10px;color:var(--gold)}.sticky{position:sticky;top:24px}.preview-label{font-size:9px;letter-spacing:.12em;font-weight:600;color:#7c9485;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.preview-label span{font-size:9px;letter-spacing:0;color:#67806f;background:#1f2e24;padding:3px 6px;border-radius:4px}.discord-preview{background:#292b30;border:1px solid #373a40;border-radius:12px;padding:19px;overflow-wrap:anywhere;min-height:200px;font-family:"Segoe UI",system-ui,sans-serif}.discord-message{display:flex;gap:12px;align-items:start}.discord-avatar{height:36px;width:36px;min-width:36px;display:grid;place-items:center;background:#42dca3;color:#082b1a;border-radius:50%;font-size:16px;font-weight:900;overflow:hidden}.discord-avatar img{width:100%;height:100%;object-fit:cover}.discord-body{min-width:0;flex:1}.discord-name{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:12px;color:#7ee8b3;margin-bottom:8px;font-weight:600}.bot-tag{font-size:8px;font-weight:500;color:#fff;background:#5865f2;border-radius:3px;padding:1px 3px}.discord-date{font-size:9px;color:#9da1aa;font-weight:400;margin-left:3px}.discord-content{font-size:12px;color:#d8d9dd;line-height:1.5;white-space:pre-wrap;margin-bottom:9px}.discord-content:empty{display:none}.discord-embed{background:#222428;border-left:3px solid var(--green);border-radius:4px;padding:14px;min-height:100px;line-height:1.55;overflow:hidden}.embed-top{display:flex;gap:10px;align-items:flex-start}.embed-copy{min-width:0;flex:1}.embed-title{color:#fff;font-size:13px;font-weight:650;margin:0 0 7px;white-space:pre-wrap}.embed-description{color:#d4d5da;font-size:11px;white-space:pre-wrap;line-height:1.65}.embed-description code{background:#17191c}.embed-description strong{color:#f1f1f4}.embed-author{font-size:10px;color:#eee;margin-bottom:7px}.embed-thumb{width:58px;height:58px;border-radius:5px;object-fit:cover;flex-shrink:0}.embed-image{width:100%;max-height:240px;border-radius:5px;object-fit:contain;margin-top:13px}.embed-footer{font-size:9px;color:#a5a8b1;margin-top:14px;white-space:pre-wrap}.embed-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.embed-field{font-size:11px;white-space:pre-wrap;grid-column:1/-1;min-width:0;color:#cfd2d6}.embed-field.inline{grid-column:auto}.embed-field strong{color:#fff;display:block;margin-bottom:3px}.discord-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.discord-button{font-size:10px;font-weight:600;color:#fff;background:#4c5058;padding:8px 11px;border-radius:4px}.discord-button.accept{background:#248045}.preview-note{font-size:10px;color:#7f9788;margin:13px 0 0;line-height:1.7}.preview-feature{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--border);font-size:11px}.preview-feature strong{display:block;color:#cfe0d3;margin-bottom:4px}.preview-feature p{font-size:10px;margin:0;color:var(--muted)}.preview-feature>span{font-size:18px}.callout{font-size:11px;color:#b5cdbd;background:#42dca308;border:1px solid #42dca322;border-radius:9px;padding:14px 16px;line-height:1.75;margin-top:20px}.callout.gold{border-color:#e2bb6830;background:#e2bb6808;color:#cdbf99}.callout.error{border-color:#ffa39330;background:#ffa39308;color:var(--red)}.callout p:last-child{margin-bottom:0}.hero{padding:30px 32px;position:relative;overflow:hidden;border:1px solid #34543e;border-radius:17px;background:radial-gradient(ellipse at 90% 15%,#23543740,transparent 55%),#12231a;display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.hero .eyebrow{color:#9acaa9;font-size:9px;margin-bottom:17px}.hero h2{font-size:29px;line-height:1.25;font-weight:600;color:#f3f8ed;margin-bottom:13px}.hero h2 em{font-style:normal;color:#89e7ad}.hero p{font-size:11px;max-width:390px;color:#95b19c;margin-bottom:20px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.hero-art{min-width:215px;width:240px;display:grid;place-items:center;position:relative}.hero-orbit{width:176px;height:176px;border-radius:50%;border:1px solid #80d49a24;display:grid;place-items:center;position:relative;box-shadow:0 0 0 22px #80d49a05,0 0 0 44px #80d49a03}.hero-orbit:before{content:"";position:absolute;inset:19px;border:1px dashed #80d49a20;border-radius:50%}.hero-orbit img{width:70px;height:70px;box-shadow:0 10px 40px #0003;border-radius:21px;transform:rotate(-7deg)}.float-chip{position:absolute;background:#233a2c;border:1px solid #46634f;border-radius:9px;padding:8px 11px;font-size:9px;box-shadow:0 8px 20px #0003}.float-chip.one{top:22px;right:0;transform:rotate(5deg);color:#b2e0be}.float-chip.two{bottom:26px;left:0;transform:rotate(-5deg);color:#ebd39e}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.metric-label{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:5px;margin-bottom:13px}.metric-label span{color:#6a947a}.metric strong{font-size:27px;letter-spacing:-.05em;font-weight:550}.metric small{font-size:9px;display:block;margin-top:6px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.module{background:#101c15;border:1px solid var(--border);border-radius:11px;padding:18px;text-align:left;color:var(--text);min-width:0;display:block;transition:border-color .15s}.module:hover{border-color:#4d7355}.module-icon{font-size:20px;display:block;margin-bottom:13px}.module strong{display:block;font-size:12px;margin-bottom:6px}.module small{font-size:10px;line-height:1.6;display:block}.module .tag{display:inline-flex;margin-top:12px}.tag{font-size:9px;border:1px solid #415948;border-radius:5px;padding:3px 6px;color:#a3c4ac;background:#263c2b50;gap:5px;align-items:center}.tag.good{color:#7aebb4;border-color:#42dca335;background:#42dca30b}.tag.gold{color:var(--gold);border-color:#e2bb6830;background:#e2bb6808}.checklist{list-style:none;padding:0;margin:4px 0}.checklist li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.checklist li:last-child{border:0}.step{width:23px;height:23px;min-width:23px;background:#1b2d20;border:1px solid #3e5743;color:#98b89c;font-size:10px;border-radius:50%;display:grid;place-items:center}.step.done{border-color:#42dca335;background:#42dca310;color:var(--green)}.checklist strong{font-size:11px;display:block;margin-bottom:4px}.checklist small{font-size:10px;line-height:1.5}.event-list{list-style:none;margin:0;padding:0}.event-list li{padding:12px 0;border-bottom:1px solid #26352e80;display:flex;align-items:flex-start;gap:11px;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.event-list li:last-child{border:0}.event-dot{display:block;width:6px;height:6px;background:#567c61;border-radius:50%;margin-top:5px;min-width:6px}.event-list p{margin:0;line-height:1.6}.event-list time{font-size:9px;color:#6f8b77;display:block;margin-top:3px}.event-list .warning .event-dot{background:var(--gold)}.empty{font-size:11px;text-align:center;padding:30px 16px;color:#819988;line-height:1.7}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{color:#7d9586;font-size:9px;font-weight:500;letter-spacing:.04em;padding:12px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:14px 10px;border-bottom:1px solid #26352e80;color:#b9d0c0;white-space:nowrap}tr:last-child td{border-bottom:0}.editor-preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.builder-subheading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.builder-subheading h3{font-size:12px;margin:0}.builder-row{border:1px solid var(--border);background:#0d1711;border-radius:8px;padding:12px;margin-bottom:10px}.builder-row .field{margin-bottom:10px}.builder-row .remove{float:right;border:0;color:#a4b6a8;background:none;font-size:15px;padding:0 3px}.builder-row .check{margin:6px 0}.builder-row .form-grid{margin-top:6px}.template-controls{display:flex;gap:7px;align-items:center;margin-bottom:17px}.template-controls select{flex:1}.editor-destination{border-top:1px solid var(--border);padding-top:20px;margin-top:22px}details{border:1px solid var(--border);border-radius:9px;padding:12px 14px;margin:15px 0}summary{cursor:pointer;font-size:11px;color:#a9c4b1}details .field{margin-top:15px}details p{font-size:10px;color:var(--muted);margin-top:12px}.connection-steps{margin:0;padding-left:20px;font-size:11px;color:#c2d5c7;line-height:1.85}.connection-steps li{padding:0 0 15px 5px}.connection-steps strong{color:#ddecdf}.connection-steps p{font-size:10px;color:var(--muted);margin:4px 0 0}.app-footer{border-top:1px solid var(--border);padding:16px 39px;color:#64806d;font-size:9px;display:flex;justify-content:space-between;gap:20px}.toast{position:fixed;bottom:24px;right:24px;max-width:450px;border:1px solid #4b805c;background:#1b3022;color:#c6f1d5;border-radius:11px;box-shadow:0 10px 40px #0006;padding:16px 20px;z-index:100;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.toast.error{border-color:#875246;background:#3c2421;color:#ffc3b3}.toast a{display:block;font-size:11px;color:inherit;text-decoration:underline;margin-top:6px}.error-text{color:var(--red)!important;font-size:11px;line-height:1.65;min-height:16px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{padding:50px 60px;background:radial-gradient(ellipse at 35% 55%,#24663a25,transparent 65%),#0d1c13;border-right:1px solid var(--border);display:flex;flex-direction:column}.login-copy{margin:auto 0;padding:70px 0}.login-copy h1{font-size:49px;line-height:1.16;color:#e7f3e5;letter-spacing:-.055em}.login-copy p{font-size:15px;color:#8ead97;margin-top:23px}.login-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.login-tags span{font-size:10px;border:1px solid #34513c;border-radius:7px;padding:8px 12px;color:#aecab4;background:#17322040}.login-foot{font-size:10px;color:#5a7a64}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-card{max-width:360px;width:100%}.login-card .eyebrow{font-size:9px;color:#789e82;margin-bottom:17px}.login-card h2{font-size:28px;margin-bottom:12px}.login-card p{font-size:12px;color:var(--muted);margin-bottom:32px}.login-card input{margin-bottom:20px}.login-card .error-text{margin:0 0 15px}.login-card .button{margin-top:4px}.login-card>small{display:block;text-align:center;font-size:10px;margin-top:21px;line-height:1.7}.scrim{position:fixed;inset:0;background:#0009;z-index:25}
@media(min-width:1500px){main{padding-left:50px;padding-right:50px}.hero{padding:36px 40px}.hero h2{font-size:34px}.hero-art{width:290px}.hero-orbit{width:190px;height:190px}.panel{padding:28px}}
@media(max-width:1150px){.sidebar{width:216px;padding-left:16px;padding-right:16px}.workspace{margin-left:216px}.topbar{padding:0 26px}main{padding:28px 26px 40px}.two-column{grid-template-columns:1fr}.sticky{position:static}.hero-art{min-width:180px;width:190px}.hero-orbit{width:140px;height:140px}.hero h2{font-size:27px}.metrics{gap:10px}.metric{padding:16px}.login-story{padding:40px}.login-copy h1{font-size:40px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{height:62px;padding:0 19px;gap:12px}.mobile-menu{display:grid;width:30px;height:30px;font-size:16px}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb span{padding:0 6px}.topbar-actions{gap:10px}.status{font-size:9px}main{padding:25px 18px 35px}.page-heading{align-items:flex-start;margin-bottom:21px;gap:12px}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{padding:9px 11px;font-size:10px}.hero{padding:25px;display:block}.hero h2{font-size:29px}.hero-art{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric strong{font-size:25px}.metric-label{font-size:10px}.module-grid{gap:11px}.module{padding:16px}.panel{padding:20px;border-radius:13px}.two-column{gap:17px}.form-grid{grid-template-columns:1fr;gap:15px}.full{grid-column:auto}.button{min-height:42px}.app-footer{padding:16px 19px}.app-footer span{display:none}.toast{bottom:16px;left:16px;right:16px;max-width:none}.login-screen{grid-template-columns:1fr}.login-story{padding:27px 28px;border:0;border-bottom:1px solid var(--border)}.login-story .brand img{width:32px;height:32px}.login-story .brand{font-size:19px}.login-copy{padding:33px 0 0}.login-copy h1{font-size:33px}.login-copy .eyebrow,.login-copy p,.login-tags,.login-foot{display:none}.login-form-wrap{padding:34px 28px 45px}.login-card h2{font-size:25px}.login-card .eyebrow{display:none}.login-copy h1 br{display:none}.login-copy h1{max-width:380px;margin-bottom:0}.discord-preview{padding:14px}.discord-message{gap:9px}.discord-avatar{width:30px;height:30px;min-width:30px;font-size:13px}.discord-embed{padding:12px}.embed-thumb{width:45px;height:45px}.embed-fields{grid-template-columns:1fr}.embed-field.inline{grid-column:1/-1}.form-actions .button{flex:1}.template-controls{flex-wrap:wrap}.template-controls select{min-width:150px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.sidebar{overflow-y:auto}