:root{--moss-900:#1a2e1a;--moss-800:#243d24;--moss-700:#2f5230;--moss-500:#4a7c45;--moss-300:#8fbf7a;--moss-100:#d7efc8;--ember-600:#c45c26;--ember-400:#e8924a;--cream:#f3ebe0;--ink:#1c2418;--ink-soft:#3d4a36;--card:#f3ebe0eb;--danger:#a33a2c;--shadow:0 18px 50px #1a2e1a38;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background-color:#0000;background-image:radial-gradient(80% 50% at 10% -10%,#e8924a47,#0000 55%),radial-gradient(60% 40% at 90% 0,#8fbf7a59,#0000 50%),linear-gradient(165deg,#dfe9d4 0%,#c5d6b4 40%,#a8c090 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}a{color:var(--moss-700);font-weight:700;text-decoration:none}a:hover{color:var(--ember-600)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;color:var(--cream);background:linear-gradient(#243d24f5,#1a2e1af0);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.4rem;animation:.55s ease-out slideDown;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #0000002e}.brand{color:var(--cream);font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:.75rem;font-size:1.55rem;display:flex}.brand-mark{background:radial-gradient(circle at 35% 30%, var(--moss-300), var(--moss-700));border:2px solid var(--ember-400);border-radius:50%;place-items:center;width:42px;height:42px;animation:4.5s ease-in-out infinite wink;display:grid;box-shadow:0 0 0 3px #c45c2640}.brand-mark span{font-size:1.25rem;line-height:1}.nav-links{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.nav-links a,.nav-links button.linkish{color:var(--moss-100);cursor:pointer;font-weight:700;font:inherit;background:0 0;border:0}.nav-links a:hover,.nav-links button.linkish:hover{color:var(--ember-400)}.queen-banner{border-radius:var(--radius);background:linear-gradient(120deg, #c45c2629, transparent 45%), var(--card);max-width:1100px;box-shadow:var(--shadow);grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin:1.25rem auto 0;padding:1.1rem 1.35rem;animation:.7s ease-out fadeUp;display:grid}.queen-banner .chibi{background:linear-gradient(145deg,#6b9a55,#3d6b3a);border:3px solid #ffffff59;border-radius:22px;place-items:center;width:72px;height:72px;font-size:2.2rem;display:grid}.queen-banner h1{font-family:var(--font-display);color:var(--moss-900);margin:0 0 .25rem;font-size:clamp(1.5rem,3vw,2.1rem)}.queen-banner p{color:var(--ink-soft);margin:0;line-height:1.45}main{flex:1;width:min(1100px,100% - 2rem);margin:1.25rem auto 3rem}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.4rem;animation:.55s ease-out fadeUp}.section-block{margin-bottom:1.5rem}.section-block h2{font-family:var(--font-display);color:var(--moss-800);margin:0 0 .75rem;font-size:1.35rem}.board-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.board-tile{color:inherit;background:linear-gradient(160deg,#ffffff8c,#d7efc873);border:1px solid #2f52301f;border-radius:14px;padding:1rem 1.05rem;transition:transform .2s,box-shadow .2s;display:block}.board-tile:hover{color:inherit;transform:translateY(-3px);box-shadow:0 12px 28px #243d2429}.board-tile strong{color:var(--moss-900);font-size:1.05rem;display:block}.board-tile span{color:var(--ink-soft);margin-top:.3rem;font-size:.92rem;display:block}.board-tile em{color:var(--moss-500);margin-top:.55rem;font-size:.85rem;font-style:normal;font-weight:800;display:block}.thread-row{border-bottom:1px dashed #2f523033;grid-template-columns:64px 1fr auto;gap:.9rem;padding:.9rem 0;transition:background .2s;display:grid}.thread-row:hover{background:#8fbf7a1f}.thumb{object-fit:cover;background:var(--moss-100);border-radius:12px;place-items:center;width:64px;height:64px;font-size:1.4rem;display:grid}.meta{color:var(--ink-soft);margin-top:.25rem;font-size:.86rem}.badge{background:var(--ember-400);color:#fff;border-radius:999px;margin-right:.35rem;padding:.15rem .5rem;font-size:.72rem;font-weight:800;display:inline-block}.post{border-bottom:1px solid #2f52301f;grid-template-columns:140px 1fr;gap:1rem;padding:1rem 0;display:grid}.post-side{color:var(--moss-700);font-weight:800}.post-body{white-space:pre-wrap;line-height:1.5}.post img.attach{border:2px solid #2f523026;border-radius:12px;max-width:min(100%,420px);margin-top:.75rem}.form{gap:.75rem;display:grid}label{color:var(--moss-800);font-size:.9rem;font-weight:800}input,textarea,select{width:100%;font:inherit;background:#ffffffb3;border:2px solid #2f52302e;border-radius:12px;padding:.7rem .85rem}textarea{resize:vertical;min-height:120px}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}button,.btn{font:inherit;cursor:pointer;background:linear-gradient(180deg, var(--moss-500), var(--moss-700));color:#fff;border:0;border-radius:999px;padding:.65rem 1.1rem;font-weight:800;box-shadow:0 6px #1a2e1a40}button.secondary,.btn.secondary{background:linear-gradient(180deg, var(--ember-400), var(--ember-600))}button.ghost{color:var(--moss-700);box-shadow:none;background:0 0;border:2px solid #2f523040}button:disabled{opacity:.55;cursor:not-allowed}.empty{text-align:center;color:var(--ink-soft);padding:2.5rem 1rem}.empty .big{margin-bottom:.5rem;font-size:2.5rem}.error{color:var(--danger);background:#a33a2c1f;border-radius:12px;padding:.75rem 1rem;font-weight:700}.sketch-modal{z-index:50;background:#141e128c;place-items:center;padding:1rem;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.sketch-panel{background:var(--cream);width:min(920px,100%);box-shadow:var(--shadow);border-radius:20px;padding:1rem}.sketch-tools{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.sketch-canvas-wrap{border:3px solid var(--moss-700);touch-action:none;background:#fff;border-radius:14px;overflow:hidden}.sketch-canvas-wrap canvas{cursor:crosshair;width:100%;height:auto;display:block}.collab-layout{grid-template-columns:220px 1fr;gap:1rem;display:grid}.room-list a{color:var(--ink);background:#ffffff59;border-radius:10px;margin-bottom:.35rem;padding:.65rem .75rem;display:block}.room-list a.active,.room-list a:hover{background:#4a7c452e}footer{text-align:center;color:var(--moss-800);opacity:.85;padding:1.5rem;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes wink{0%,92%,to{transform:scale(1)rotate(0)}94%{transform:scale(1.06)rotate(-6deg)}96%{transform:scale(.96)rotate(4deg)}98%{transform:scale(1.04)rotate(-2deg)}}@media (width<=720px){.post,.collab-layout{grid-template-columns:1fr}.queen-banner{text-align:center;grid-template-columns:1fr}.queen-banner .chibi{margin:0 auto}}