@font-face{font-family:EditorialDisplay;src:url('/static/editorial-oswald-0.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:EditorialBody;src:url('/static/editorial-golos-1.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:EditorialBody;src:url('/static/editorial-golos-2.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{color-scheme:light;--paper:#f3f0e5;--surface:#f9f7ef;--ink:#10100f;--muted:#62635b;--line:#c7c6bc;--accent:#243dff;--on-accent:#fff;--soft:#e7e5da;--green:#243dff;--focus-ring:#243dff;--accent-hover:#162bd6;--lime:#d9ff00;--error-surface:#fce5de;--error-ink:#982a1b}
html{background:var(--paper);scrollbar-color:var(--muted) var(--paper)}body{background:var(--paper);font-family:EditorialBody,Arial,sans-serif;color:var(--ink)}
h1,h2,h3,.brand,.hub-brand,.hub-tile-title,.hub-tile strong,.idea-copy h2,.question-card h2,.dialoghead h2{font-family:EditorialDisplay,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:1.08}
button,input,textarea,select{font-family:EditorialBody,Arial,sans-serif;box-shadow:none}button{border-radius:12px;min-height:44px;line-height:1.35;font-weight:700;white-space:normal}input,select,textarea{border-radius:10px;background:var(--surface);color:var(--ink);border-color:var(--line);font-size:16px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.primary,.primary:hover,.chips .active,.chips .active:hover{background:var(--accent);border-color:transparent;color:#fff}.text-button,.text-button:hover{background:transparent;color:var(--ink)}a{color:var(--accent)}::selection{background:var(--lime);color:var(--ink)}
.tile-shell{grid-template-columns:190px minmax(0,1fr)}.tile-shell .main{max-width:1040px;padding-top:24px}.tile-shell .sidebar{background:var(--paper);border-color:var(--line)}.tile-shell .sidebar .brand{font-size:42px}.tile-shell .nav button{background:transparent;color:var(--muted);border:0}.tile-shell .nav button.active{background:var(--lime);color:var(--ink)}.tile-shell .nav button.active .ui-icon{color:var(--ink)}
.tile-shell .topbar{margin-bottom:18px!important;min-height:48px!important}.tile-shell .hub-brand{font-size:40px;text-decoration:none;padding:0;min-height:48px}.tile-shell .topbar .account,.avatar,.account .avatar{background:var(--soft);color:var(--ink)}
.hub-heading{margin-bottom:16px}.workspace-switch{display:flex;align-items:center;gap:8px;font-size:15px;min-width:0;text-align:left;overflow-wrap:anywhere;padding:0}.workspace-switch .ui-icon{width:16px;flex-shrink:0}.editorial-date{font-size:13px;color:var(--muted);margin:0 0 12px}.hub-title{font-size:clamp(48px,8vw,76px);margin:0 0 24px;max-width:16ch;line-height:1.01}
.editorial-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:var(--accent);border-radius:16px;overflow:hidden;color:var(--paper);isolation:isolate;min-height:270px}
.editorial-hero-copy{position:relative;padding:26px;z-index:1;min-width:0}.editorial-hero h2{font-size:clamp(30px,5vw,50px);overflow-wrap:anywhere;margin:20px 0 12px;line-height:1.08;color:var(--paper)}.editorial-hero p{font-size:14px;line-height:1.5;margin:0 0 18px}.editorial-hero>img{width:100%;height:100%;object-fit:cover;min-width:0;filter:grayscale(1)}
.editorial-sticker{display:inline-block;background:var(--lime);color:var(--ink);padding:7px 10px;border-radius:6px;font-family:EditorialDisplay,sans-serif;text-transform:uppercase;font-size:16px;line-height:1.1;transform:rotate(-2deg)}.hero-action,.hero-action:hover{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--lime);color:var(--ink);width:100%;padding:14px 18px;border:0;border-radius:12px}.hero-art-note{position:absolute;bottom:6px;right:8px;color:#fff;background:#10100fcc;padding:2px 5px;font-size:9px}
.editorial-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.editorial-section-title h2{font-size:26px;margin:0}.editorial-section-title button{display:flex;gap:8px;align-items:center;padding-inline:8px}
.agenda-list{display:grid;gap:8px}.agenda-row,.history-teaser{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid var(--ink);background:transparent;border-radius:12px;padding:16px;min-width:0}.agenda-row>span,.history-teaser>span,.hub-tile>span{flex:1;min-width:0}.agenda-row strong,.history-teaser strong{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.agenda-row small,.history-teaser small,.hub-tile small{display:block;font-size:13px;color:var(--muted);font-weight:400;line-height:1.5;margin-top:4px}.agenda-row>.ui-icon,.history-teaser>.ui-icon,.hub-tile>.ui-icon{flex-shrink:0}
.history-teaser{margin-top:20px;border-color:var(--line)}.history-teaser strong{font-family:EditorialDisplay,sans-serif;text-transform:uppercase;font-size:25px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-tile{display:flex;flex-direction:row;align-items:center;gap:10px;padding:16px;min-height:90px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink)}.hub-tile strong{display:block;font-size:22px}.hub-tile .ui-icon{color:var(--ink);width:20px}.hub-tile>.ui-icon:last-child{width:16px}.hub-help{font-size:13px;margin:22px 0 0}
.tile-shell .heading{margin:0 0 22px}.tile-shell .heading h1,.tile-shell .access-page>h1,.tile-shell .chat-page>h1,.history-page h1{font-size:40px;line-height:1.05}.tile-shell .heading p{color:var(--muted);font-size:14px}.tile-shell .heading>.primary{font-size:14px;padding:12px 16px}
.tile-shell .compact-plan,.tile-shell .idea-card,.tile-shell .question-card,.tile-shell .proposal,.tile-shell .memory-entry,.tile-shell .settings-disclosure,.tile-shell .space-entry,.tile-shell .access-row{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:none;color:var(--ink)}.tile-shell .compact-plan h3,.tile-shell .proposal h3,.tile-shell .memory-entry h2{font-size:28px}.tile-shell .compact-plan .tag{font-family:EditorialDisplay,sans-serif;background:var(--lime);color:var(--ink);padding:4px 8px;font-size:14px;border-radius:4px}.tile-shell .compact-plan .notes,.tile-shell .compact-plan .meta,.tile-shell .proposal p,.tile-shell .memory-date{color:var(--muted)}.tile-shell .cardfoot button{background:var(--accent);color:#fff;border-radius:10px}.tile-shell .chips button{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink)}.tile-shell .chips button.active{background:var(--ink);color:var(--paper)}
.tile-shell .calendar{background:var(--surface);border:1px solid var(--line);border-radius:16px}.tile-shell .calendar .day.today{background:var(--lime);outline:0}.calendar .day.muted{opacity:.55}.tile-shell .calendar button{color:var(--ink)}.calendar-event-dot{background:var(--accent)}
.tile-shell .leisure-tabs{background:var(--soft);border-radius:12px}.tile-shell .leisure-tabs button{border-radius:8px}.tile-shell .leisure-tabs button.active,.tile-shell .leisure-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tile-shell .deck-controls button{background:transparent}.tile-shell .idea-copy h2,.tile-shell .question-card h2{font-size:34px}.tile-shell .idea-card.photo-card{background:var(--surface);color:var(--ink)}.idea-photo{background-image:url('/static/riverside-editorial.png');filter:grayscale(1);opacity:1}.photo-card:after{display:none}.photo-card .idea-copy{margin-top:180px;padding-top:20px!important;background:var(--surface)}.photo-card .idea-card-top{color:#fff;background:#10100fcc;border-radius:6px;padding:6px 10px}.photo-card .idea-copy details p{color:var(--ink)}.photo-card .idea-copy>p{display:block}.tile-shell .idea-cta button{border-radius:12px}.tile-shell .question-card{min-height:260px}.question-topic{color:var(--muted)}.question-slots button.active{background:var(--lime);color:var(--ink)}.tile-shell .empty{background:var(--soft);color:var(--muted);border-radius:14px}.empty strong{color:var(--ink)}
.proposal-status,.proposal-vote-buttons button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.proposal-vote-buttons{display:flex;flex-wrap:wrap;gap:8px}.proposal-vote-buttons button{border-color:var(--ink)}.proposal-votes small,.proposal-vote-names{font-size:13px;line-height:1.5}.tile-shell .question-link{background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:12px}.tile-shell .question-link strong{font-family:EditorialDisplay,sans-serif;text-transform:uppercase;font-size:24px}
.tile-shell .chat-message{background:var(--soft);color:var(--ink);border-radius:16px 16px 16px 4px}.tile-shell .chat-message.own{background:#e0e5ff;border-radius:16px 16px 4px 16px}.tile-shell .chat-message small{color:var(--muted)}.tile-shell #chat-send{background:var(--soft);border-radius:14px}.tile-shell #chat-send textarea{background:var(--surface)}.tile-shell .memory-recall{background:var(--lime);color:var(--ink);border-radius:14px}.memory-recall button{background:transparent;color:var(--ink)}.tile-shell .history-duration{font-family:EditorialDisplay,sans-serif;font-size:28px;color:var(--ink)}.memory-photo img{border-radius:10px}.history-page .checkhint{color:var(--muted)}
.tile-shell .settings-disclosure form,.tile-shell .space-open{color:var(--ink)}.tile-shell .space-settings{background:var(--soft);color:var(--ink)}.tile-shell .profile-links button,.tile-shell .access-page button{border-color:var(--line)}.tile-shell .access-page h2{font-size:26px}.access-page .primary{color:#fff}.registration-result input{background:var(--surface)}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:18px;padding:24px}dialog::backdrop{background:#10100f99;backdrop-filter:none}.dialoghead h2{font-size:34px}.close{background:var(--soft);color:var(--ink);border-radius:50%}.detail-section{border-color:var(--line)}.voting .selected{background:var(--lime);color:var(--ink)}.login{background:var(--surface);border:1px solid var(--line);border-radius:18px}.login .brand{font-size:46px}.login .brand small{font-family:EditorialBody,sans-serif;text-transform:none;font-size:13px;letter-spacing:0}.login h1{font-size:36px}.login p,.login small{line-height:1.5;color:var(--muted)}#toast,.skip-link{background:var(--ink);color:var(--paper);border-radius:10px}.form-error{background:var(--error-surface);color:var(--error-ink)}
@media(hover:hover) and (pointer:fine){.hub-tile:hover,.agenda-row:hover,.history-teaser:hover{background:var(--soft);transform:none}.hero-action:hover{background:#c8ed00}.primary:hover{background:var(--accent-hover)}.hero-action.primary:hover{color:var(--ink)}}
@media(max-width:760px){.tile-shell{display:block}.tile-shell .main{padding:18px max(18px,env(safe-area-inset-right)) calc(110px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.tile-shell .sidebar{inset:auto 0 0!important;width:auto;height:auto!important;padding:7px 12px calc(7px + env(safe-area-inset-bottom))!important;border:0;border-top:1px solid var(--ink);border-radius:0;background:var(--paper)!important;backdrop-filter:none;-webkit-backdrop-filter:none}.tile-shell .nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:0}.tile-shell .nav button{padding:8px 4px;border-radius:10px;min-height:58px}.tile-shell .nav button.active{background:transparent;color:var(--ink)}.tile-shell .nav button.active .ui-icon{background:var(--lime);color:var(--ink);border-radius:50%;box-sizing:content-box;padding:6px;margin-top:-6px}.tile-shell .nav button span{font-size:11px}.tile-shell .hub-brand{font-size:38px}.hub-title{font-size:54px;line-height:1.02}.editorial-hero{min-height:255px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.editorial-hero-copy{padding:18px 12px 18px 18px}.editorial-hero h2{font-size:32px;margin:18px 0 12px}.editorial-hero p{font-size:12px}.hero-action{padding:12px;gap:6px;font-size:14px}.editorial-sticker{font-size:14px;padding:7px}.tile-shell .hub-grid{gap:8px}.tile-shell .hub-tile{min-height:86px;padding:12px;gap:8px}.hub-tile>.ui-icon:first-child{display:none}.hub-tile strong{font-size:22px}.hub-tile small{font-size:12px}.tile-shell .heading h1,.tile-shell .access-page>h1,.tile-shell .chat-page>h1,.history-page h1{font-size:36px}.tile-shell .compact-plan,.tile-shell .idea-card,.tile-shell .question-card,.tile-shell .proposal,.tile-shell .memory-entry{padding:20px}.tile-shell .idea-copy h2,.tile-shell .question-card h2{font-size:30px}.tile-shell .topbar .account{background:var(--soft)}.login{margin:24px 18px;padding:24px}dialog{border-radius:18px 18px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom))}}
@media(max-width:350px){.hub-title{font-size:46px}.editorial-hero{grid-template-columns:1fr}.editorial-hero>img{display:none}.editorial-hero h2{font-size:36px}.hero-art-note{display:none}}
@media(prefers-reduced-motion:reduce){.editorial-sticker{transform:none}.idea-photo{transform:none!important}}

/* Chat composer: send sits beside the input, not on a separate row. */
.tile-shell #chat-send{padding:10px;background:var(--soft);border-radius:20px;gap:4px}
.chat-compose-row{display:flex;align-items:flex-end;gap:8px;min-width:0}
.tile-shell #chat-send .chat-compose-row textarea{flex:1;min-width:0;min-height:44px;max-height:160px;height:44px;resize:none;overflow-y:auto;line-height:22px;padding:11px 14px;border-radius:18px;font-size:16px;box-sizing:border-box;margin:0}
.tile-shell #chat-send .chat-send-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border-radius:50%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.chat-send-arrow .ui-icon{width:22px;height:22px}.tile-shell #chat-send .chat-attachment>summary{min-height:44px;padding:10px 4px;font-size:12px}.tile-shell #chat-send #chat-status{font-size:12px;padding-inline:4px}

.city-page{max-width:900px}.city-page>h1{font-size:40px;margin:0 0 20px}.city-edition{margin:20px 0;padding-bottom:16px;border-bottom:1px solid var(--line)}.city-edition h2{font-size:28px}.city-edition p,.city-result{font-size:13px;line-height:1.6;color:var(--muted)}.city-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.city-filters label{font-size:12px;display:grid;gap:6px;min-width:0}.city-filters select{width:100%;font-size:16px;min-height:44px}.city-list{display:grid;gap:18px}.city-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}.city-card h2{font-size:30px;line-height:1.12;margin:20px 0 12px;overflow-wrap:anywhere}.city-card p,.city-card dd{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.city-card dl>div{margin:10px 0}.city-card dt{font-size:12px;color:var(--muted)}.city-card dd{margin:2px 0}.city-card .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:20px 0 8px}.city-card summary{min-height:44px;padding:12px 0;font-size:13px;color:var(--muted)}.city-card details p{font-size:12px;color:var(--muted)}.city-card .editorial-sticker{transform:none;font-size:14px}@media(max-width:400px){.city-card{padding:18px}.city-card h2{font-size:28px}}

/* Unseen updates: compact, stable tile geometry, readable at mobile size. */
.hub-tile,.history-teaser{position:relative}
.tile-badge:not([hidden]){display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;border-radius:20px;background:var(--accent,#243dff);color:#fff;font:700 13px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.tile-badge[hidden]{display:none!important}
.hub-tile>span:not(.tile-badge){min-width:0}
.hub-tile>.tile-badge,.history-teaser>.tile-badge{position:absolute;top:-9px;right:8px;z-index:1;box-shadow:0 0 0 3px var(--paper,#f3f0e5)}

/* Profile actions stay grouped, settings have their own reading rhythm. */
.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 28px}
.profile-actions>button{max-width:100%;overflow-wrap:anywhere}
.profile-settings{display:grid;gap:12px;min-width:0}
.tile-shell .profile-settings>.settings-disclosure{margin:0}
.profile-settings>button{justify-self:stretch;text-align:left}
.tile-shell .access-heading{display:grid;justify-items:start;gap:20px;margin:0 0 28px;min-width:0}
.tile-shell .access-heading h1{font-size:40px;line-height:1.15;margin:0;overflow-wrap:anywhere;max-width:100%}
.tile-shell .access-heading .access-back{padding:10px 0;border:0;background:transparent;color:var(--muted);font-size:14px}
.space-danger{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.tile-shell .space-danger h2{margin:0 0 12px}
.space-danger p{color:var(--muted);font-size:14px;line-height:1.6;max-width:55ch;margin:0 0 16px}
.tile-shell .danger-button,.danger-button{background:var(--error-surface);border:1px solid var(--error-ink);color:var(--error-ink)}
@media(max-width:760px){
 .tile-shell .main{padding-top:calc(18px + env(safe-area-inset-top))}
 .profile-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .profile-actions>button{width:100%;text-align:left}
 .tile-shell .access-heading h1{font-size:36px}
 .tile-shell .space-entry{display:grid;grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:760px){
 .tile-shell::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--paper);z-index:90;pointer-events:none}
 html{scroll-padding-top:calc(18px + env(safe-area-inset-top))}
}
