:root{color-scheme:light;font-family:Aptos,Segoe UI,SF Pro Display,ui-sans-serif,system-ui,sans-serif;background:#f6f5f0;color:#171915;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f6f5f0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{position:relative;min-height:100vh;padding:0 24px 48px;background:radial-gradient(circle at 14% 8%,rgba(117,143,104,.12),transparent 26rem),radial-gradient(circle at 86% 2%,rgba(124,78,48,.08),transparent 24rem),linear-gradient(180deg,#fbfaf6,#f3f2ec)}.shell:after{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.035;background-image:linear-gradient(90deg,#171915 1px,transparent 1px),linear-gradient(#171915 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,black,transparent 72%);mask-image:linear-gradient(180deg,black,transparent 72%)}.topbar,.hero-section,.section-grid,.projects-section{position:relative;z-index:1;max-width:1220px;margin:0 auto}.topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:14px 0;background:#f6f5f0d6;border-bottom:1px solid rgba(23,25,21,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.top-actions,.hero-actions,.chat-footer,.project-card-head,.auth-actions,.logout-button,.control-button,.primary-action,.secondary-action{display:flex;align-items:center}.brand{gap:11px;font-size:14px;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #1f241d;border-radius:7px;background:#fff;font-family:SF Mono,Cascadia Mono,monospace;font-size:11px}.top-actions{gap:8px;justify-content:flex-end;flex-wrap:wrap}.control-button,.icon-button,.primary-action,.secondary-action,.auth-actions button{min-height:38px;border:1px solid rgba(23,25,21,.14);border-radius:7px;background:#ffffffc7;color:#1c2119;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s}.control-button,.primary-action,.secondary-action{justify-content:center;gap:8px;padding:0 13px;font-size:13px;font-weight:700;white-space:nowrap}.control-button.dark,.primary-action{background:#171915;color:#fffdf8;border-color:#171915}.icon-button{display:grid;place-items:center;width:38px;padding:0}.control-button:hover,.icon-button:hover,.primary-action:hover,.secondary-action:hover,.auth-actions button:hover{transform:translateY(-1px);border-color:#17191559}.hero-section{padding:82px 0 64px}.eyebrow{margin:0 0 14px;color:#6a725f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{max-width:760px;margin:0;color:#11130f;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,8vw,112px);font-weight:500;line-height:.9;letter-spacing:0}.hero-copy p{max-width:760px;margin:24px 0 0;color:#2f342c;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,3.2vw,42px);line-height:1.22;white-space:pre-line}.announcement{width:fit-content;max-width:640px;margin-top:18px;padding:10px 12px;border:1px solid rgba(125,92,55,.22);border-radius:7px;background:#fbf3dbb8;color:#6f4e1f;font-size:13px}.hero-actions{gap:10px;flex-wrap:wrap;margin-top:28px}.section-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(420px,1fr);gap:36px;align-items:start;padding:48px 0;border-top:1px solid rgba(23,25,21,.08)}.section-copy h2,.section-heading h2{margin:0;color:#151812;font-size:clamp(30px,4vw,48px);font-weight:650;line-height:1.02;letter-spacing:0}.section-copy p,.section-heading p,.limit-line{color:#596153;line-height:1.58}.limit-line{max-width:440px;padding-top:10px;font-size:13px}.chat-panel,.project-card,.drawer{border:1px solid rgba(23,25,21,.1);border-radius:12px;background:#ffffffc2}.chat-panel{display:grid;gap:12px;padding:14px}.chat-log{display:grid;gap:10px;min-height:240px;max-height:420px;overflow:auto;padding:4px}.empty-chat{display:grid;place-items:center;gap:10px;min-height:230px;color:#737b6b;text-align:center;font-size:14px}.chat-message{display:grid;gap:6px;max-width:82%;padding:11px 12px;border-radius:10px;background:#f6f5f0}.chat-message.user{justify-self:end;background:#171915;color:#fffdf8}.chat-message span{opacity:.72;font-size:11px;font-weight:800}.chat-message p{margin:0;white-space:pre-wrap;line-height:1.52}.chat-panel textarea,.contact-drawer textarea,.admin-settings-form textarea{min-height:92px;resize:vertical}.chat-panel textarea,.auth-drawer input,.admin-settings-form input,.admin-settings-form textarea,.contact-drawer input,.contact-drawer textarea{width:100%;padding:11px 12px;border:1px solid rgba(23,25,21,.13);border-radius:8px;background:#fffefb;color:#171915;outline:none}.chat-panel textarea:focus,.auth-drawer input:focus,.admin-settings-form input:focus,.admin-settings-form textarea:focus,.contact-drawer input:focus,.contact-drawer textarea:focus{border-color:#1719156b}.chat-footer{justify-content:space-between;gap:12px;color:#727a6b;font-size:12px}.submit-button{min-height:38px;border:1px solid #171915;border-radius:7px;background:#171915;color:#fffdf8;font-weight:750;cursor:pointer}.submit-button.inline{display:inline-flex;align-items:center;gap:8px;padding:0 14px}.submit-button:disabled,.control-button:disabled{opacity:.58;cursor:not-allowed}.projects-section{padding:56px 0 28px;border-top:1px solid rgba(23,25,21,.08)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:20px}.section-heading p{max-width:460px;margin:0}.projects-section .eyebrow{letter-spacing:0;text-transform:none}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{display:flex;flex-direction:column;min-height:250px;padding:18px;color:inherit;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,background .18s}a.project-card:hover,a.project-card:focus-visible{border-color:#17191547;background:#ffffffe6;transform:translateY(-2px);outline:none}.project-card.unavailable{cursor:default}.projects-section.compact .project-card{min-height:190px}.project-card-head{justify-content:space-between;gap:10px}.project-card h3{margin:22px 0 10px;font-size:22px;line-height:1.1}.project-card p{margin:0;color:#596153;line-height:1.52}.project-card small{color:#70786a;font-size:11px}.project-card:last-child:nth-child(3n+1){grid-column:1 / -1}.project-card:last-child:nth-child(3n+1) p{max-width:680px}.status{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.status.online{background:#edf3ec;color:#346538}.status.preparing{background:#fbf3db;color:#956400}.drawer{position:fixed;right:24px;top:84px;z-index:10;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 112px);overflow:auto;padding:16px;box-shadow:0 24px 70px #181c142e}.settings-drawer{width:min(460px,calc(100vw - 32px))}.account-drawer{width:auto;min-width:132px;padding:8px}.drawer-head{position:sticky;top:-16px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-16px -16px 14px;padding:14px 16px;background:#ffffffeb;border-bottom:1px solid rgba(23,25,21,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer-head h2{margin:0;font-size:20px}.drawer-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(23,25,21,.12);border-radius:7px;background:#fffefb;color:#171915;cursor:pointer}.check-row{display:flex;align-items:center;gap:9px;color:#3d463a;font-weight:650}.setting-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.setting-tabs button{min-height:34px;padding:0 8px;border:1px solid rgba(23,25,21,.1);border-radius:7px;background:#fbfaf6;color:#4c5649;cursor:pointer;font-size:12px;font-weight:800}.setting-tabs button.active{border-color:#171915;background:#171915;color:#fffdf8}.settings-panel{display:grid;gap:8px;margin-top:12px}.stats-grid{grid-template-columns:1fr 1fr}.setting-card{display:grid;gap:5px;padding:10px;border:1px solid rgba(23,25,21,.08);border-radius:8px;background:#fbfaf6}.setting-card span{color:#667160;font-size:11px;font-weight:800}.setting-card strong{color:#171915;font-size:17px}.admin-settings-form{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(23,25,21,.08)}.field-label{display:block;margin-top:4px;color:#384234;font-size:12px;font-weight:800;line-height:1.35}.auth-drawer input,.contact-drawer input{margin-bottom:10px}.auth-actions{gap:8px;margin-top:2px}.auth-actions button{flex:1;justify-content:center;padding:0 12px;font-weight:800}.auth-drawer p{margin:13px 0 0;color:#5d665b;line-height:1.45}.logout-button{justify-content:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid #171915;border-radius:7px;background:#171915;color:#fffdf8;font-size:13px;font-weight:800;cursor:pointer}.form-status{margin:10px 0 0;color:#985b34;font-size:13px}.form-status.success{color:#346538}@media(max-width:980px){.shell{padding:0 18px 40px}.hero-section,.section-grid{grid-template-columns:1fr;gap:28px}.hero-section{padding-top:56px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.shell{padding:0 14px 32px}.topbar{align-items:flex-start}.top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(240px,58vw)}.control-button{min-width:0;padding:0 9px}.hero-copy h1{font-size:52px}.project-grid{grid-template-columns:1fr}.section-heading{display:grid;align-items:start}.chat-message{max-width:94%}.drawer{left:14px;right:14px;top:82px;width:auto}.setting-tabs{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}}
