:root{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#292e25;background:#f3f0e7;font-synthesis:none;--paper:#f3f0e7;--surface:#fffdf8;--line:#deddd2;--muted:#777d70;--green:#3d5533;--soft:#e9eee3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #63874d;outline-offset:3px}.app-header{height:60px;display:flex;align-items:center;gap:22px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;gap:10px;align-items:center;font-size:22px;letter-spacing:-1px;font-weight:650;text-decoration:none;white-space:nowrap}.brand svg{width:32px;height:32px}.header-context{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.account-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.account-name{font-size:13px;color:#59604e}.app-body{display:flex;height:calc(100dvh - 60px)}.sidebar{width:218px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 12px 16px;background:#edece3}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px 16px}.text-button{border:0;background:none;font-size:14px;font-weight:650;padding:0}.text-button span{margin-left:7px;color:var(--muted);font-weight:400}#roomList{overflow:auto;display:flex;flex-direction:column;gap:5px}.room-nav{border:0;background:none;text-align:left;display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:7px;width:100%;color:#59614d}.room-nav[aria-current=page]{background:#dce5d4;color:#273d1d}.room-nav:hover{background:#e3e7dc}.room-nav span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.room-dot{width:26px;height:26px;border-radius:7px;background:#fffdf7;display:grid;place-items:center;font-size:12px;font-weight:650;flex:none}.sidebar-empty{font-size:13px;color:#86897c;line-height:1.7;padding:4px 10px}.sidebar-bottom{margin-top:auto;padding-top:22px}.sidebar-bottom p{font-size:12px;color:#848979;line-height:1.7;margin:12px 5px 0}.main{flex:1;min-width:0;display:flex;flex-direction:column}.home{overflow:auto;padding:38px clamp(22px,4vw,64px);height:100%}.home-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:.15em;color:#89917e;margin:0 0 10px}h1{font-size:27px;font-weight:600;letter-spacing:-1px;margin:0 0 12px}.muted{color:var(--muted)}p{line-height:1.7}.home-heading p.muted{font-size:14px;margin:0}.primary,.outline,.quiet{border:1px solid transparent;border-radius:6px;padding:10px 15px;font-size:14px;font-weight:550;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:#304828}.outline{background:var(--surface);border-color:#d0d6c6;color:#45553a}.outline:hover{background:#f5f6ee}.quiet{background:none;color:#66705c}.quiet:hover{background:var(--soft)}.full{width:100%}.icon-button{background:none;border:1px solid transparent;border-radius:5px;width:30px;height:30px;display:inline-grid;place-items:center;font-size:20px;color:#738167;flex:none}.icon-button:hover{background:#e7ecdf}.empty-workspace{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:420px;height:calc(100% - 110px);padding:40px 20px}.connection-mark{width:156px;height:64px;margin-bottom:22px}.empty-workspace h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin:0 0 9px}.empty-workspace p{font-size:15px;color:#7b8172;margin:0 0 23px}.small{font-size:12px}.empty-workspace .small{margin-top:16px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:28px}.room-card{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:23px;text-align:left;transition:border-color .15s,transform .15s}.room-card:hover{border-color:#8f9f81;transform:translateY(-2px)}.room-card .room-symbol{margin-bottom:22px}.room-card h2{font-size:19px;margin:0 0 8px;font-weight:550}.room-card p{margin:0;font-size:13px;color:#818678}.room-card-footer{display:flex;justify-content:space-between;margin-top:22px;border-top:1px solid #ebece3;padding-top:12px;font-size:12px;color:#818678}.room-view{flex:1;min-height:0;display:flex;flex-direction:column}.room-topbar{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:1px solid var(--line);background:#faf8f1;gap:14px}.room-heading{display:flex;align-items:center;gap:10px;min-width:0}.room-heading>div{min-width:0}.room-symbol{width:35px;height:35px;background:#e1e9d9;color:#536847;border-radius:9px;display:inline-grid;place-items:center;font-size:16px;font-weight:650;flex:none}.room-heading h1{font-size:18px;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-heading p{font-size:12px;margin:0;color:#818677}.room-tools{display:flex;align-items:center;gap:10px}.sync-label{font-size:12px;color:#949b88}#boardFrame{border:0;flex:1;min-height:0;width:100%;background:var(--paper)}dialog{border:1px solid #d9ddcf;background:var(--surface);color:#293523;border-radius:13px;padding:26px;width:min(450px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-shadow:0 18px 70px #17270d25}dialog::backdrop{background:#1f281953;backdrop-filter:blur(2px)}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.dialog-heading h2{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0}.dialog-desc{font-size:14px;color:#7a8371;margin:0 0 20px}.field{display:block;margin:16px 0}.field>span{display:block;font-size:14px;margin-bottom:8px;color:#56604b}.field input,.field textarea,.field select{width:100%;border:1px solid #d6dccd;border-radius:6px;padding:11px 12px;background:#fff;color:#30362b;min-height:44px}.field textarea{resize:vertical;min-height:80px}.field input::placeholder,.field textarea::placeholder{color:#b0b6a8}.field small{display:block;margin-top:6px;font-size:12px;color:#8b927f;line-height:1.6}.code-input{font-size:21px!important;font-family:monospace!important;letter-spacing:.08em;text-transform:uppercase}.form-error{font-size:13px;color:#a4423f;line-height:1.6;min-height:0;margin:12px 0}.form-error:empty{display:none}#dialogActions{margin-top:22px}#dialogActions .primary{width:100%;min-height:43px}.dialog-footer{font-size:13px;text-align:center;color:#89917e;margin:14px 0 0}.link-button{border:0;background:none;color:#426c31;text-decoration:underline;text-underline-offset:3px;font-size:inherit;padding:0 3px}.room-preview{border:1px solid #d8e0d0;border-radius:8px;padding:16px;background:#f0f4e9;display:flex;gap:12px;align-items:center;margin:14px 0}.room-preview h3{font-size:17px;margin:0 0 4px}.room-preview p{font-size:12px;margin:0;color:#7c8870}.invite-code{font:24px monospace;text-align:center;letter-spacing:.07em;padding:22px 8px;background:#edf2e6;border:1px solid #d7e1cd;border-radius:8px;margin:18px 0;user-select:all}.invite-actions{display:flex;gap:8px}.invite-actions button{flex:1}.member-list{list-style:none;margin:12px 0;padding:0;max-height:170px;overflow:auto}.member-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8ebe0;font-size:13px}.member-list span{color:#8a927d;font-size:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#303c27;color:#fff;padding:12px 18px;border-radius:8px;font-size:14px;z-index:100;max-width:calc(100vw - 32px);box-shadow:0 4px 20px #0002}.danger{color:#a2493f}.inline-note{font-size:12px;color:#8b927f;line-height:1.7;margin:16px 0 0}.busy{opacity:.6;pointer-events:none}@media(max-width:900px){.sidebar{width:180px}.header-context{display:none}.sync-label{display:none}.home{padding:28px}.home-heading{align-items:flex-start}.home-heading .primary{font-size:12px}.room-topbar{padding:10px 14px}}@media(max-width:650px){.app-header{height:56px;padding:0 12px}.brand{font-size:19px}.brand svg{width:27px;height:27px}.account-actions .outline,.account-actions .quiet{padding:7px;font-size:12px}.account-name{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body{height:calc(100dvh - 56px);flex-direction:column}.sidebar{width:100%;height:55px;border-right:0;border-bottom:1px solid var(--line);padding:7px 10px;flex-direction:row;align-items:center;gap:8px}.sidebar-heading{padding:0;gap:5px;flex:none}.sidebar-heading>.icon-button{display:none}#roomList{flex-direction:row;min-width:0;overflow:auto}.room-nav{width:auto;white-space:nowrap;padding:5px 8px;gap:6px}.room-dot{width:22px;height:22px}.room-nav span:last-child{font-size:12px}.sidebar-empty{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0;flex:none}.sidebar-bottom p{display:none}.sidebar-bottom button{font-size:11px;padding:7px}.home{padding:25px 18px}.home-heading{gap:10px}.home-heading h1{font-size:23px}.home-heading p.muted{font-size:13px}.empty-workspace{min-height:330px;padding:28px 10px}.empty-workspace h2{font-size:20px}.empty-workspace p{font-size:14px}.room-topbar{height:62px}.room-heading h1{font-size:16px}.room-tools .outline{font-size:12px;padding:8px 10px}.room-heading p{font-size:11px}.room-grid{grid-template-columns:1fr}.room-card{padding:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.room-frame{border:0;flex:1;min-height:0;width:100%;background:var(--paper)}