:root{color:#16130f;background:#f7f2e6;font-family:Comic Neue,Comic Sans MS,Trebuchet MS,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}html{background:#f7f2e6}body{min-width:320px;margin:0}body:before{content:"";opacity:.38;pointer-events:none;z-index:-1;background-image:radial-gradient(#231f1814 .8px,#0000 .8px),linear-gradient(90deg,#e2d7bc24 1px,#0000 1px);background-position:0 0,16px 0;background-size:18px 18px,52px 52px;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{color:#16130f;cursor:pointer;background:#fffaf0;border:2px solid #16130f;border-radius:8px 11px 7px 10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 11px;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}button:hover:not(:disabled){transform:translate(-1px,-1px)rotate(-.5deg);box-shadow:3px 4px #16130f2e}button:active:not(:disabled){transform:translate(1px,1px)rotate(.3deg);box-shadow:1px 2px #16130f29}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#16130f;background:#fffdf5;border:2px solid #16130f;border-radius:9px 7px 10px 8px;outline:none;width:100%;min-height:40px;padding:9px 11px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #f0d65b,3px 4px #16130f24}textarea{resize:none;min-height:52px}label{gap:6px;font-size:13px;font-weight:800;display:grid}h1,h2,h3,p,figure{margin:0}h1,h2,h3,strong{font-weight:900}small,time{color:#655d51;font-size:12px}.auth-screen,.center{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-screen{padding:22px}.auth-box{background:#fffaf0;border:3px solid #16130f;border-radius:18px 12px 17px 13px;gap:18px;width:min(100%,380px);max-width:380px;padding:28px;display:grid;transform:rotate(-.6deg);box-shadow:7px 9px #16130f29,inset 0 -18px #f0d65b2e}.auth-box h1{text-underline-offset:4px;font-size:43px;line-height:1;-webkit-text-decoration:underline #a978f2;text-decoration:underline #a978f2;text-decoration-thickness:7px}.segmented{background:#efe3ff;border:2px solid #16130f;border-radius:10px 9px 12px 8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{background:0 0;border-color:#0000;min-height:36px}.segmented button.active{color:#16130f;background:#a978f2;border-color:#16130f}.stack{gap:13px;display:grid}.primary,.accent-button{color:#16130f;background:#a978f2;border-color:#16130f;font-weight:900}.app-shell{min-height:100vh;padding:18px;overflow:hidden}.workspace{grid-template-columns:minmax(300px,23vw) minmax(420px,1fr) minmax(245px,19vw);gap:12px;height:calc(100vh - 36px);min-height:650px;display:grid}.sketch-panel{background:#fffaf0eb;border:3px solid #16130f;border-radius:18px 12px 16px 11px;min-height:0;position:relative;box-shadow:4px 5px #16130f1f}.sketch-panel:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #16130f2e;position:absolute;inset:4px 5px 5px 4px}.sidebar{flex-direction:column;gap:14px;padding:18px 15px;display:flex;overflow:auto}.account-card{border-bottom:3px solid #16130f;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;margin:-18px -15px 0;padding:17px 14px 16px;display:grid;position:relative}.account-card:before{content:"";opacity:.75;background:#e9d4ff;border-radius:999px;width:78px;height:74px;position:absolute;top:18px;left:17px;transform:rotate(-12deg)}.account-copy,.avatar{z-index:1;position:relative}.account-copy{min-width:0}.account-copy h1{color:#7b39d8;text-shadow:2px 2px #ffe86ea6;margin-bottom:7px;font-size:25px;line-height:1}.chat-header h2,.mode-heading h2{color:#16130f;text-underline-offset:4px;font-size:27px;line-height:1;-webkit-text-decoration:underline #a978f2;text-decoration:underline #a978f2;text-decoration-thickness:6px}.account-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.account-name{background:0 0;border:0;justify-content:space-between;width:100%;min-height:40px;padding:4px 0 0}.account-name span{color:#16130f;text-overflow:ellipsis;text-underline-offset:4px;white-space:nowrap;font-size:30px;font-weight:900;line-height:1;-webkit-text-decoration:underline #a978f2;text-decoration:underline #a978f2;text-decoration-thickness:6px;overflow:hidden}.account-name:hover{box-shadow:none}.account-actions{flex:none;align-items:center;gap:7px;display:flex}.admin-flag{background:#ffe86e;border:2px solid #16130f;border-radius:999px;margin-top:7px;padding:3px 8px;font-size:12px;font-weight:900;display:inline-flex}.settings-strip{gap:10px;display:grid}.toolbar,.topbar-actions,.row,.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-button,.composer-tool,.icon-button{aspect-ratio:1;border-radius:999px 850px 920px 780px;width:42px;min-height:0;padding:0}.tool-button.active{background:#ffe86e}.sidebar-section{gap:10px;display:grid}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-title{color:#16130f;text-underline-offset:-2px;font-size:23px;line-height:1.05;-webkit-text-decoration:underline #ffe86e;text-decoration:underline #ffe86e;text-decoration-thickness:9px;display:inline-block}.chat-stack,.list,.mode-list{gap:10px;display:grid}.chat-pill{text-align:left;background:#fffdf5;border:0;border-radius:14px 12px 15px 11px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:10px;width:100%;min-height:88px;padding:10px;display:grid;position:relative;overflow:hidden}.chat-pill:before{border-radius:inherit;content:"";opacity:0;background:0 0;position:absolute;inset:0}.chat-pill.active:before,.chat-pill:hover:before{opacity:.85;background:#e9d4ff}.chat-pill>*{z-index:1;position:relative}.chat-pill-main{gap:2px;min-width:0;display:grid}.chat-pill-main span,.chat-pill-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-pill time{color:#514a40;align-self:start;font-weight:900}.avatar{background:radial-gradient(circle at 38% 34%,#fffdf5 0 18%,#0000 19%),#a7d8ff;border:3px solid #16130f;border-radius:45% 55% 48% 52%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex;box-shadow:inset 0 -5px #16130f1a}.avatar span{background:#fffaf0;border:2px solid #16130f;border-radius:999px;justify-content:center;align-items:center;width:58%;height:58%;display:flex}.avatar-large{width:74px;height:74px}.avatar-small{width:58px;height:58px}.avatar-tiny{border-width:2px;width:30px;height:30px}.avatar-tiny span{border-width:1px}.friend-section{border-top:3px solid #16130fc7;margin-top:auto;padding-top:14px}.add-friend-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.request-grid{gap:12px;display:grid}.friend-request-toggle{background:#fffdf5;justify-content:space-between;width:100%;min-height:44px;margin-top:4px}.friend-request-toggle.active{background:#ffe86e;transform:rotate(-.4deg)}.request-count{background:#ff98bf;border:2px solid #16130f;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 7px;font-weight:900;display:inline-flex}.friend-request-drawer{background:#fffdf5ad;border:2px dashed #16130f;border-radius:14px 10px 13px 11px;gap:12px;padding:10px;display:grid}.list-row{background:#fffdf5;border:2px solid #16130f;border-radius:10px 8px 11px 9px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 9px;display:flex}.friend-row>span{align-items:center;gap:8px;min-width:0;display:inline-flex}.empty,.muted{color:#655d51;font-size:13px}.error,.error-bar{color:#8d1818}.error-bar{z-index:10;background:#ffd0d8;border:3px solid #16130f;border-radius:10px;width:max-content;max-width:min(740px,100% - 32px);padding:9px 14px;font-weight:900;position:fixed;top:12px;left:50%;transform:translate(-50%)rotate(-.4deg)}.chat-panel{flex-direction:column;display:flex;overflow:hidden}.chat-header{justify-content:space-between;align-items:flex-start;padding:26px 36px 14px;display:flex;position:relative}.chat-header p{align-items:center;gap:8px;margin-top:10px;font-weight:800;display:flex}.online-dot{background:#249f24;border:1px solid #16130f;border-radius:999px;width:11px;height:11px;display:inline-block}.chat-header-actions{border-bottom:5px solid #a978f2;align-items:center;gap:12px;padding-bottom:5px;display:flex}.chat-header-actions .tool-button{background:0 0;border:0}.chat-header-actions .tool-button:hover{box-shadow:none}.messages{flex-direction:column;flex:auto;align-items:flex-start;gap:28px;min-height:250px;padding:44px 36px 24px;display:flex;position:relative;overflow:auto}.doodle{color:#a978f2;pointer-events:none;font-size:44px;font-weight:900;line-height:1;position:absolute}.star-one{top:62px;left:62px;transform:rotate(18deg)}.heart-one{color:#ff6fa8;top:56px;right:70px;transform:rotate(-13deg)}.bubble{background:#fffdf5;border:3px solid #16130f;border-radius:17px 14px 18px 11px;gap:8px;max-width:min(640px,78%);padding:18px 21px;display:grid;position:relative;box-shadow:7px 8px #16130f1f}.bubble:after{content:"";border-bottom:3px solid #16130f;border-left:3px solid #16130f;width:23px;height:20px;position:absolute;bottom:-11px;transform:skew(-22deg)rotate(-8deg)}.bubble:not(.own):after{background:#fffdf5;left:-8px}.bubble.own{background:#effbe8;border-color:#2e8c22;align-self:flex-end;max-width:min(590px,82%);padding:0}.bubble.own:after{background:#effbe8;border-color:#2e8c22;right:-9px;transform:skew(22deg)rotate(8deg)}.bubble header,.audit-message header,.admin-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sent-split{width:100%;min-height:96px;display:block;overflow:hidden}.sent-split-header{background:#dff4d8;border-bottom:2px solid #2e8c22;justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;display:flex}.typed-copy,.delivered-copy{min-width:0;padding:13px 16px;display:block}.typed-copy{color:#16130f94;background:#fffdf5b3;border-bottom:2px dashed #2e8c2299}.delivered-copy{background:#effbe8}.copy-label{color:#4f7d2a;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;line-height:1.3;display:block}.copy-text{color:inherit;overflow-wrap:anywhere;white-space:pre-wrap;min-height:1.4em;font-size:17px;line-height:1.45;display:block}.generated-image{background:#fffaf0;border:3px solid #16130f;border-radius:14px 10px 12px 11px;width:min(420px,100%);display:block;overflow:hidden}.generated-image img{width:100%;height:auto;display:block}.warning{color:#a35a05;font-weight:900}.composer{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 26px 25px;padding:0;display:grid;position:relative}.composer:before{content:"";background:#fffdf5;border:3px solid #16130f;border-radius:18px 13px 20px 12px;position:absolute;inset:-9px;box-shadow:4px 5px #16130f1f}.composer>*{z-index:1;position:relative}.composer textarea{background:0 0;border:0;min-height:54px;padding:14px 8px}.composer textarea:focus{box-shadow:none}.composer-actions{align-items:center;gap:9px;display:flex}.composer-tool{background:#a978f2;border-color:#0000;width:48px}.composer-tool.secondary{background:0 0;border-color:#0000}.composer-tool.secondary:hover{box-shadow:none}.icon-button{width:48px}.hidden-file-input{display:none}.empty-chat{color:#655d51;text-align:center;flex:1;align-content:center;justify-items:center;gap:10px;padding:34px;display:grid}.empty-chat h2{color:#16130f;font-size:34px}.mode-panel{flex-direction:column;gap:22px;padding:28px 27px;display:flex;overflow:auto}.mode-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.mode-heading h2{max-width:170px;text-decoration-color:#ff7fae}.mode-heading svg{color:#ff6fa8;flex:none}.mode-button{text-align:left;border-width:3px;grid-template-columns:48px minmax(0,1fr);justify-content:start;gap:14px;width:100%;min-height:77px;padding:12px 14px;font-size:22px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:4px 5px #16130f2e}.mode-button:after{content:"";opacity:.7;pointer-events:none;background:repeating-linear-gradient(-14deg,#fff3 0 2px,#0000 2px 7px);position:absolute;inset:0}.mode-button.active{outline-offset:3px;outline:4px solid #16130f;transform:rotate(-1deg)}.mode-button span{overflow-wrap:anywhere;z-index:1;min-width:0;position:relative}.mode-icon{border:2px dashed #16130f;border-radius:999px;justify-content:center;align-items:center;width:45px;height:45px;display:inline-flex}.briefcase-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;width:30px;height:30px}.mode-efficient{background:#d9b7ff}.mode-extremely-efficient{background:#ffe16b}.mode-chill{background:#72b8ff}.mode-angry{background:#ff6f75}.mode-linkedin-speak{background:#9ddd8c}.mode-boomer-jokester{background:#ff98bf}.mode-code-mode{background:#b8a3ff}.mode-extremely-annoying{background:#ffad5f}.mode-dyslexic-and-dumb{background:#81ded4}.mode-very-friendly{background:#ffe875}.mode-image-only-mode{background:#9ddd8c}.admin-panel{z-index:8;background:#fffaf0;border:3px solid #16130f;border-radius:14px;gap:14px;max-height:min(72vh,760px);padding:16px;display:grid;position:fixed;top:18px;left:18px;right:18px;overflow:auto;box-shadow:6px 8px #16130f29}.admin-grid{grid-template-columns:minmax(190px,240px) minmax(220px,300px) minmax(0,1fr);gap:14px;display:grid}.audit-list{gap:10px;max-height:48vh;display:grid;overflow:auto}.audit-message{background:#fffdf5;border:2px solid #16130f;border-radius:12px 9px 13px 10px;gap:9px;padding:11px;display:grid}.audit-message p{overflow-wrap:anywhere;white-space:pre-wrap}@media (width<=1180px){.workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.mode-panel{grid-column:1/-1;min-height:auto;overflow:visible}.mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{height:auto;padding:10px;overflow:visible}.workspace,.admin-grid{grid-template-columns:1fr;height:auto;min-height:0}.sidebar,.mode-panel{overflow:visible}.chat-panel{min-height:660px}.chat-header{flex-direction:column;align-items:stretch;gap:16px;padding:22px 20px 10px}.chat-header-actions{justify-content:flex-end}.messages{min-height:430px;padding:30px 18px 24px}.bubble,.bubble.own{max-width:92%}.composer{grid-template-columns:auto minmax(0,1fr);margin:0 18px 22px}.composer-actions{grid-column:1/-1;justify-content:flex-end}.mode-list{grid-template-columns:1fr}}@media (width<=520px){.account-card{grid-template-columns:1fr;align-items:start}.account-card:before{left:12px}.add-friend-form{grid-template-columns:1fr}.mode-button{grid-template-columns:42px minmax(0,1fr);font-size:19px}}