@charset "UTF-8";:root{color-scheme:dark;font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#f4f4f4;background:#000;--ink: #f4f4f4;--muted: #c1c1c1;--paper: #000000;--line: #777777;--accent: #ffffff;--peach: #f9dfcf;--mint: #e1eadc}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait}:focus-visible{outline:3px solid #ffffff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.4rem,4vw,1.9rem);letter-spacing:-.06em}h2{font-size:1.2rem}p,small{line-height:1.65}.app-shell,.onboarding{width:min(100%,740px);min-height:100dvh;margin:auto;background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff12 23px 24px),radial-gradient(#ffffff20 .55px,transparent .75px);background-size:auto,7px 9px}.app-shell{display:flex;flex-direction:column;border-inline:1px solid #353535}.app-content{flex:1;min-width:0}.home-view,.find-view,.settings-view,.table-view{padding:clamp(24px,7vw,56px)}.joined-panel{position:relative;padding:clamp(20px,5vw,34px);border:1.5px solid #757575;border-radius:4px 8px 3px 6px/6px 4px 7px 3px;background:#171717;box-shadow:4px 5px #383838}.joined-panel:before{content:"";position:absolute;top:-11px;left:28px;width:73px;height:21px;transform:rotate(-6deg);background:#ffffffd9;clip-path:polygon(0 5%,100% 0,96% 23%,100% 36%,96% 58%,100% 79%,97% 100%,1% 96%,4% 78%,0 62%,4% 42%);pointer-events:none}.joined-panel h1{color:#fff;width:fit-content;padding-inline:2px 6px;border-bottom:2px solid #fff}.joined-rooms{display:flex;align-items:flex-start;gap:16px;min-height:95px;overflow-x:auto;padding:12px 5px 8px}.room-icon{display:grid;justify-items:center;align-content:start;gap:7px;width:76px;padding:4px;flex:0 0 auto;background:transparent;border:0;border-radius:12px}.room-icon-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;overflow:hidden;overflow-wrap:anywhere;font-weight:700;line-height:1.2;text-align:center}.room-icon:nth-child(3n+2) .room-symbol{transform:rotate(4deg)}.room-icon:nth-child(3n+1) .room-symbol{transform:rotate(-4deg)}.room-symbol{display:inline-block;width:62px;height:62px;flex:0 0 auto;vertical-align:middle;overflow:hidden;border:1.5px solid #aaaaaa;border-radius:31% 20% 24% 16%/22% 31% 16% 27%;background:var(--accent)}.room-symbol img{width:100%;height:100%;object-fit:cover}.default-photo{background:var(--room-color, #fff) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2080'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13%2042c0-15%2012-23%2027-23%2015%201%2026%208%2027%2020-1%2011-12%2022-28%2022l-9-2-11%207%202-13c-5-3-7-7-8-11Z'%20fill='%23242424'%20stroke='%23ffffff'%20stroke-width='2.5'/%3e%3cpath%20d='m23%2042%209-7%208%207%2010-8%208%206m-28%2010%2021-3'%20stroke='%23ffffff'%20stroke-width='2.5'/%3e%3cpath%20d='m56%2017%209-5m-4%2010%2010-3M11%2026l-5-4m52%2041%207%204m-38-7-1%208'%20stroke='%23ffffff'%20stroke-width='2'/%3e%3c/svg%3e") center / 86% no-repeat}.create-tile,.btn,.icon-btn,.leave-btn,.send-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 15px;border:1.5px solid #aaaaaa;border-radius:14px 11px 15px 12px;background:var(--accent);color:#171717;font-weight:700}.create-tile{width:100%;margin-top:28px;padding:16px 18px;background:#fff;color:#171717;justify-content:flex-start;border-color:#dedede;box-shadow:3px 3px #444;border-radius:4px 9px 5px 11px/7px 4px 10px;text-align:left}.create-tile:after{content:"";margin-left:auto;width:32px;height:22px;flex-shrink:0;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 22'%3E%3Cpath d='M2 13q13-4 25-3m-7-6 8 6-8 7' fill='none' stroke='%23353535' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}button:hover{filter:brightness(.97)}.desk-doodle{height:clamp(116px,32vw,204px);margin:26px auto 0;transform:rotate(-3deg);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20166'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m95%2036%20146-12-4%2013%209%206-6%2016%208%2014-6%2016%209%2024-12%2017-144%209%204-15-8-11%205-18-7-21%206-18Z'%20fill='%23242424'%20stroke='%23979797'%20stroke-width='2'/%3e%3cpath%20d='m103%2042%20128-9M101%20122l133-10m-113%2015%20107-9'%20stroke='%23b8b8b8'%20opacity='.55'%20stroke-dasharray='10%204%201%206'/%3e%3cg%20stroke='%23ffffff'%20stroke-width='5'%3e%3cpath%20d='m128%2076%2014-23%2013%2016%2015-11%2012%2018%2025-28-4%2042-70%208Z'/%3e%3cpath%20d='m133%20107%2067-8'/%3e%3c/g%3e%3cpath%20d='m143%20109%201%2017m43-20%201%2011m14-23%201%2016m-54-59-2-4m45%208%204-5'%20stroke='%23e2e2e2'%20stroke-width='2'/%3e%3cpath%20d='m64%2051%2012%208m-10%203%2010-14m-27%2061%2019-8m-14%2019%2015-14m206-75%2010%208m-2-14-6%2016m-2%2080%2019-13m-16%2020%2022-9'%20stroke='%23ffffff'%20stroke-width='2.4'/%3e%3cpath%20d='m88%20145%2057-3m70%203%2052-8m-6-72%2012-8m-9%2014%2017-10m-64-43%2030-4'%20stroke='%23a2a2a2'%20stroke-width='1.3'/%3e%3c/svg%3e") center / contain no-repeat}.bottom-nav{position:sticky;bottom:0;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px dashed #6f6f6f;background:#171717}.nav-item{display:grid;justify-items:center;align-content:center;gap:5px;min-height:53px;padding:6px 3px;background:transparent;border:1px solid transparent;border-radius:5px 12px 6px 9px/9px 4px 11px 6px;font-size:.79rem}.nav-item.selected{background:#fff;color:#171717;border-color:#d2d2d2;font-weight:700}.search-box{display:flex;align-items:center;gap:9px;margin:20px 0}.search-box input{flex:1;min-width:0}input,textarea{width:100%;padding:12px;border:1.5px solid var(--line);border-radius:11px 14px 12px 13px;background:#171717}input[type=file]{padding:8px}input::file-selector-button{padding:7px;background:var(--mint);border:1px solid #a8b59d;border-radius:8px;color:#171717}.rooms-list{display:grid;gap:12px}.room-card,.settings-card{padding:14px;background:#171717;border:1.5px solid var(--line);border-radius:5px 9px 4px 8px/8px 3px 9px 4px}.room-card{display:flex;align-items:center;gap:12px}.room-card .room-symbol{width:48px;height:48px}.room-main{flex:1;min-width:0}.room-main h3{overflow-wrap:anywhere;font-size:1rem}.room-main span,.empty-state,.field-help,small,.bubble-sender,.bubble-time,.report-btn{color:var(--muted);font-size:.79rem}.btn-subtle,.icon-btn{background:#171717;color:#f4f4f4}.chat-view{height:calc(100dvh - 72px - env(safe-area-inset-bottom));min-height:290px;display:flex;flex-direction:column}.chat-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:10px 16px;border-bottom:1px solid #555555;background:#171717}.chat-header>:first-child{justify-self:start}.chat-header>:last-child{justify-self:end}.chat-heading{text-align:center}.chat-heading .room-symbol{width:46px;height:46px}.leave-btn{background:var(--peach);font-size:.82rem}.messages{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.chat-empty{text-align:center;margin-top:24px;color:var(--muted)}.chat-empty h3,.chat-empty p{font-size:.9rem}.chat-empty-graphic{color:#fff;margin-bottom:10px}.day-marker{text-align:center;margin:12px 0;font-size:.78rem;color:var(--muted)}.bubble-row{display:flex;margin-bottom:12px}.bubble-row.mine{justify-content:flex-end}.bubble-group{max-width:91%;min-width:0}.bubble-line{display:flex;align-items:end;flex-wrap:wrap;gap:5px}.bubble{padding:9px 12px;background:#171717;border:1px solid #777777;border-radius:6px 11px 8px 4px;overflow-wrap:anywhere;max-width:100%}.mine .bubble{background:var(--accent);border-radius:8px 6px 4px 11px}.bubble-sender{margin:0 0 4px 3px}.report-btn{border:0;background:transparent;text-decoration:underline;min-height:30px}.chat-composer{display:flex;gap:9px;padding:10px 14px;background:#171717;border-top:1px solid #555555}.chat-composer textarea{resize:vertical;max-height:100px}.send-btn{flex:0 0 44px;padding:0}.onboarding{display:grid;place-items:center;padding:24px}.onboard-card{width:min(100%,380px);background:#171717;border:1.5px solid var(--line);padding:clamp(20px,5vw,32px);border-radius:6px 10px 5px 9px/9px 5px 9px 4px;box-shadow:5px 6px #353535}.brand-mark{display:block;width:77px;height:77px;background:var(--accent) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2080'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M13%2042c0-15%2012-23%2027-23%2015%201%2026%208%2027%2020-1%2011-12%2022-28%2022l-9-2-11%207%202-13c-5-3-7-7-8-11Z'%20fill='%23242424'%20stroke='%23ffffff'%20stroke-width='2.5'/%3e%3cpath%20d='m23%2042%209-7%208%207%2010-8%208%206m-28%2010%2021-3'%20stroke='%23ffffff'%20stroke-width='2.5'/%3e%3cpath%20d='m56%2017%209-5m-4%2010%2010-3M11%2026l-5-4m52%2041%207%204m-38-7-1%208'%20stroke='%23ffffff'%20stroke-width='2'/%3e%3c/svg%3e") center / 86% no-repeat;border:1px solid #aaaaaa;border-radius:42% 37% 40% 34%;transform:rotate(-6deg)}.eyebrow,.lead,.onboard-bottom{margin-top:10px;color:var(--muted)}.eyebrow,.onboard-bottom{font-size:.8rem}.onboard-bottom,.safety-note{display:flex;align-items:center;gap:6px}.onboard-card h1{margin-top:6px}.onboard-card em{color:#fff}.stack-form{display:grid;gap:10px;margin-top:14px}.settings-head,.settings-card{margin-bottom:16px}.settings-profile{display:flex;align-items:center;gap:12px}.settings-profile strong{display:block}.profile-avatar{padding:8px 13px;border-radius:12px;background:var(--accent);color:#171717}.rename-row{display:flex;gap:8px;margin-top:12px}.rename-row button{flex-shrink:0}.account-card p{margin:8px 0 12px}.danger-btn,.btn-danger{background:#f7d6d9;border-color:#ae7884;color:#732f43}.safety-note{font-size:.83rem}.safety-note svg{flex-shrink:0}.modal{width:min(430px,calc(100% - 26px));max-height:calc(100dvh - 30px);padding:22px;border:1.5px solid #888888;border-radius:7px 12px 6px 10px/11px 5px 12px 4px;background:var(--paper);color:var(--ink)}.modal::backdrop{background:#000000b0}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:9px}#toast{position:fixed;z-index:3;left:50%;bottom:max(80px,11vh);transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 14px;background:#303030;color:#fff;border-radius:11px;opacity:0;pointer-events:none;font-size:.86rem}#toast.show{opacity:1}.modal #toast{position:sticky;transform:none;bottom:0;margin-top:8px}.modal #toast:not(.show){display:none}.startup-error,.loading-wrap:has(.loading-ring){padding:25px}#onboard-form{display:grid;gap:12px}#onboard-form label{font-weight:700}.name-entry{display:flex;gap:8px}.name-entry input{min-width:0}.name-entry button{flex:0 0 44px;padding:0}.room-symbol{border:3px solid color-mix(in srgb,var(--room-color, #fff) 70%,#858585)}.chat-view{background-color:color-mix(in srgb,var(--room-color, #fff) 5%,#000)}.chat-header{background-color:color-mix(in srgb,var(--room-color, #fff) 10%,#000)}.mine .bubble{color:#171717;background-color:color-mix(in srgb,var(--room-color, #fff) 27%,#fff)}#room-color{width:68px;min-height:44px;padding:4px;cursor:pointer}.table-feed,.table-comments{display:grid;gap:12px;margin-top:16px}.table-card{min-width:0;padding:14px;background:#171717;border:1px solid var(--line);border-radius:5px 9px 4px 8px}.table-view>.table-card{margin-block:14px}.table-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.table-meta strong{overflow-wrap:anywhere}.table-meta span{color:var(--muted);font-size:.78rem}.table-text{display:block;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.table-photo{display:block;max-width:100%;max-height:520px;margin-top:10px;border-radius:5px;object-fit:contain}.table-feed .btn{margin-top:12px}.table-view textarea{resize:vertical}.table-heading{display:flex;align-items:center;gap:12px}.table-add,.table-topic{display:flex;align-items:center;border:1px solid var(--line)}.table-add{gap:3px;min-height:38px;padding:4px 9px;border-radius:5px;background:#fff;color:#171717;font-size:.78rem}.table-feed{gap:0}.table-topic{justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;background:#171717;text-align:left}.table-topic+.table-topic{border-top:0}.table-topic span{min-width:0;overflow-wrap:anywhere}.table-topic svg{flex-shrink:0;color:var(--muted)}.table-topic:focus-visible{position:relative;z-index:1}#table-active-post h1{margin-bottom:10px;overflow-wrap:anywhere}.table-comment-content{display:block;width:100%;padding:2px 0;border:0;background:transparent;text-align:left}.table-thread[hidden],.table-reply-form[hidden]{display:none}.table-reply-target{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.table-thread{margin-top:4px;border-left:2px solid var(--line);padding-left:12px}.table-thread summary{cursor:pointer;padding:8px 0;color:var(--muted)}.table-replies{display:grid;gap:8px}.table-reply{padding:10px;border-radius:5px;background:#232323}.table-detail-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.table-delete-x{display:grid;place-items:center;width:36px;height:36px;align-self:start;padding:0;border:1px solid var(--line);border-radius:5px;background:transparent}
