:root{--color-gunmetal: #2a2e33;--color-tan: #c2a878;--color-charcoal: #1a1c1f;--color-steel: #3f444b;--color-bone: #e8e2d5;--color-rust: #b5502d;--color-olive: #6b7052;--color-bg-primary: var(--color-gunmetal);--color-bg-secondary: var(--color-steel);--color-bg-elevated: var(--color-charcoal);--color-accent-primary: var(--color-tan);--color-accent-primary-pressed: #a38a5e;--color-accent-warning: var(--color-rust);--color-accent-secondary: var(--color-olive);--color-text-primary: var(--color-bone);--color-text-muted: #9ba0a6;--color-text-on-accent: var(--color-gunmetal);--color-border: #4a4f56;--tab-height: 56px;--frame-backdrop: var(--color-charcoal);--frame-bezel: var(--color-charcoal);color-scheme:dark}@font-face{font-family:icomoon;src:url(/assets/icomoon-98eY4mdZ.woff2?a3oulz) format("woff2"),url(/assets/icomoon-B_x-cNty.woff?a3oulz) format("woff");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:""}.icon-clipboard:before{content:""}.icon-person:before{content:""}.icon-edit:before{content:""}.icon-trash:before{content:""}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100dvh}.app-shell{height:100%;display:flex;flex-direction:column;position:relative}.app-main{flex:1;width:100%;max-width:640px;margin:0 auto;overflow-y:auto;padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px) + 16px)}.page{padding:16px}.page-header{padding:8px 0 16px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header h1{margin:0;font-size:1.5rem}.page-logo{width:32px;height:32px;flex-shrink:0;border-radius:50%}.screen-center{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.muted{color:var(--color-text-muted)}.tab-bar{position:absolute;bottom:0;left:0;right:0;height:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-text-muted);font-size:.7rem}.tab-item--active{color:var(--color-accent-primary)}.tab-icon{font-size:1.25rem;line-height:1}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:12px}.card-header{margin-bottom:8px}.card-title{margin:0;font-size:1.05rem}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-meta{color:var(--color-text-muted);font-size:.8rem;margin-top:4px}.card-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.card-owner-actions{display:flex;gap:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;text-decoration:none;font-size:.95rem}.icon-button:hover,.icon-button:focus-visible{background:var(--color-bg-elevated);color:var(--color-text-primary)}.card-body{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.card-images{display:flex;flex-direction:column;gap:8px;margin-top:12px}.card-images img{max-width:100%;border-radius:8px;display:block}.card-author{display:flex;align-items:center;gap:8px;min-width:0}.avatar{border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);color:var(--color-text-muted);font-weight:600;flex-shrink:0}.avatar--sm{width:28px;height:28px;font-size:.7rem}.avatar--lg{width:64px;height:64px;font-size:1.4rem}.proposal-figures{display:flex;gap:24px;margin:12px 0 0;padding:12px;background:var(--color-bg-elevated);border-radius:8px}.proposal-figures dt{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.proposal-figures dd{margin:2px 0 0;font-weight:600}.status-badge{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.status-badge--proposed{background:#333941;color:#b9c0c7}.status-badge--discussing{background:#4a3e28;color:var(--color-tan)}.status-badge--approved{background:#2b2f22;color:#a8b48c}.status-badge--rejected{background:#3a2018;color:#e08f6b}.login-form,.post-form{display:flex;flex-direction:column;gap:14px;width:100%}.login-form{max-width:360px}.login-screen{position:relative;flex-direction:column;gap:32px;background:radial-gradient(ellipse at center,var(--color-border) 40%,var(--color-bg-primary) 100%)}.login-logo{position:absolute;top:10%;left:50%;transform:translate(-50%);width:40%;aspect-ratio:1 / 1;border-radius:50%;flex-shrink:0}.login-form h1{text-align:center;margin:0 0 8px}label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--color-text-muted)}input,textarea{font:inherit;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:12px}input:focus,textarea:focus{outline:2px solid var(--color-accent-primary);outline-offset:-1px}textarea{resize:vertical}.form-error{color:var(--color-accent-warning);font-size:.85rem;margin:0}.form-actions{display:flex;gap:12px}.form-actions>*{flex:1}.button-primary,.button-secondary,.button-danger{font:inherit;font-weight:600;border:none;border-radius:10px;padding:13px 16px;cursor:pointer}.button-primary{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.button-primary:active{background:var(--color-accent-primary-pressed)}.button-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.button-danger{background:transparent;color:var(--color-accent-warning);border:1px solid var(--color-accent-warning)}button:disabled{opacity:.6;cursor:default}.type-toggle{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;padding:4px;gap:4px}.toggle-option{flex:1;font:inherit;font-weight:600;padding:9px;border:none;border-radius:7px;background:transparent;color:var(--color-text-muted);cursor:pointer}.toggle-option--active{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.fab{position:absolute;right:20px;bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px) + 20px);width:56px;height:56px;border-radius:50%;background:var(--color-accent-primary);color:var(--color-text-on-accent);font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 14px #0006}.at-range-switch{display:flex;align-items:center;gap:10px;font:inherit;font-weight:600;color:var(--color-text-primary);background:transparent;border:none;padding:8px 0 0;cursor:pointer}.at-range-switch-track{position:relative;width:44px;height:26px;flex-shrink:0;border-radius:999px;background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:background-color .15s ease,border-color .15s ease}.at-range-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--color-text-muted);transition:transform .15s ease,background-color .15s ease}.at-range-switch--on .at-range-switch-track{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.at-range-switch--on .at-range-switch-thumb{transform:translate(18px);background:var(--color-text-on-accent)}.at-range-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.at-range-item{font-size:.85rem;font-weight:600;color:var(--color-accent-primary)}.feed-actions{display:flex;align-items:center;gap:12px}.text-button{font:inherit;font-weight:600;color:var(--color-accent-primary);background:transparent;border:none;padding:8px 0 0;cursor:pointer}.feed-actions .text-button{margin-left:auto}.reservation-board{margin-top:12px}.reservation-board-title{margin:0 0 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.reservation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.reservation-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.85rem}.reservation-who{font-weight:600;color:var(--color-text-primary)}.reservation-when{font-weight:600;color:var(--color-accent-primary);white-space:nowrap}.reservation-current{margin:0;font-weight:600;color:var(--color-accent-primary)}.reservation-form{display:flex;flex-direction:column;gap:14px}.minute-picker{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.85rem;color:var(--color-text-muted)}.minute-column{align-self:flex-start;width:96px;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.minute-option{font:inherit;font-weight:600;text-align:center;padding:12px 0;background:var(--color-bg-secondary);color:var(--color-text-primary);border:none;border-bottom:1px solid var(--color-border);cursor:pointer}.minute-option:last-child{border-bottom:none}.minute-option.selected{background:var(--color-accent-primary);color:var(--color-text-on-accent)}.minute-option.selected:active{background:var(--color-accent-primary-pressed)}select{font:inherit;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:12px}select:focus{outline:2px solid var(--color-accent-primary);outline-offset:-1px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.modal-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:20px}.modal-card .card-title{margin:0}.profile-identity{display:flex;align-items:center;gap:14px}.avatar-upload{position:relative;display:inline-flex;flex-shrink:0}.avatar-upload-button{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-bg-secondary);background:var(--color-accent-primary);color:var(--color-text-on-accent);font-size:.7rem;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.device-frame-backdrop{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--frame-backdrop)}.device-frame{position:relative;width:100%;height:100%;overflow:hidden}.device-frame-notch,.device-frame-home-indicator{display:none}@media(min-width:780px){.device-frame{width:412px;height:min(890px,92dvh);border-radius:44px;border:10px solid var(--frame-bezel);box-shadow:0 30px 70px #0000008c}.device-frame-notch{display:block;position:absolute;top:14px;left:50%;transform:translate(-50%);width:90px;height:18px;border-radius:10px;background:var(--frame-bezel);z-index:2}.device-frame-home-indicator{display:block;position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:4px;border-radius:2px;background:#e8e2d559;z-index:2}}