:root{color:#241d16;background:#efe4cd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;background:linear-gradient(90deg,rgba(97,72,38,.045) 1px,transparent 1px),linear-gradient(180deg,#f8efd9,#ead8b7);background-size:18px 18px,100% 100%}#root{min-height:100vh;min-height:100svh}button,input{font:inherit}button{cursor:pointer}.welcome-screen{display:grid;width:min(100%,430px);min-height:100vh;min-height:100svh;margin:0 auto;place-items:center;padding:22px 20px;background:radial-gradient(circle at 50% 28%,rgba(107,153,207,.28),transparent 34%),linear-gradient(180deg,#071132,#121b40 62%,#f1dfbf)}.welcome-card{display:grid;justify-items:center;width:100%;gap:0;text-align:center;transform:translateY(-56px)}.welcome-icon-frame{width:min(58vw,235px);max-width:250px;max-height:30svh;aspect-ratio:1;overflow:hidden;border-radius:28px;box-shadow:0 28px 54px #00000061}.welcome-icon{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.55);transform-origin:center}.welcome-copy{margin-top:18px;color:#fff9e8}.welcome-copy p{margin:0;color:#f7d889;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.welcome-copy h1{display:grid;justify-items:center;max-width:280px;margin:12px 0 0;font-size:clamp(2rem,8.4vw,2.25rem);line-height:1.12;letter-spacing:0;font-weight:750;text-align:center}.welcome-copy h1 span{display:block;width:max-content;max-width:100%}.welcome-enter-button{width:min(320px,82vw);min-height:56px;margin-top:64px;border:0;border-radius:999px;background:#fff2c8;color:#17261f;box-shadow:0 16px 32px #0000003d;font-size:1rem;font-weight:900}.welcome-hint{margin-top:18px;color:#fff9e8b8;font-size:clamp(.94rem,4vw,1.06rem);font-weight:800}@media(max-height:720px){.welcome-card{transform:translateY(-40px)}.welcome-icon-frame{width:min(50vw,210px);max-height:28svh}.welcome-copy h1{font-size:clamp(1.85rem,7.6vw,2.1rem)}.welcome-enter-button{margin-top:52px}}.app{width:100%;max-width:430px;min-height:100vh;min-height:100svh;margin:0 auto;padding:10px 10px max(12px,env(safe-area-inset-bottom))}.section-heading p{margin:0;color:#5e7c6f;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.section-heading h2{margin:4px 0 0;color:#1c3028;letter-spacing:0}.section-heading h2{font-size:1.2rem}.mayor-avatar-button{position:absolute;top:18px;left:22px;z-index:4;display:grid;width:66px;height:66px;place-items:center;border:1px solid rgba(255,252,239,.82);border-radius:18px;padding:3px;background:#fffcefad;color:#3b2a1d;box-shadow:0 8px 18px #372a162e,inset 0 0 0 1px #412b1814;font-size:1.45rem;line-height:1;transition:transform .12s ease}.mayor-avatar-button:hover{transform:translateY(-1px)}.mayor-avatar-image{display:block;width:100%;height:100%;border-radius:13px;object-fit:cover;image-rendering:auto;pointer-events:none}.city-stage{position:relative;height:calc(100vh - 106px);height:calc(100svh - 106px);min-height:560px}.home-panel{position:relative;width:100%;height:100%;border:5px solid #17130f;border-radius:10px;background:linear-gradient(90deg,rgba(104,78,40,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(104,78,40,.04) 1px,transparent 1px),#ead7a9;background-size:15px 15px,15px 15px,100% 100%;box-shadow:0 0 0 3px #d2be8c,0 0 0 6px #262016,inset 0 0 0 5px #6047286b,inset 0 0 0 12px #fff6d247;overflow:hidden}.home-panel:before{content:"";position:absolute;top:72px;right:18px;bottom:18px;left:18px;z-index:0;border-radius:4px;background:radial-gradient(circle at 44% 18%,rgba(255,250,217,.28) 0 2px,transparent 3px),linear-gradient(180deg,#fff9dd38,#d9be8429);image-rendering:pixelated;pointer-events:none}.home-panel:after{content:"";position:absolute;inset:160px 24px auto;height:210px;z-index:0;opacity:.34;background:linear-gradient(90deg,rgba(127,100,55,.18) 2px,transparent 2px),linear-gradient(0deg,rgba(127,100,55,.12) 2px,transparent 2px);background-size:10px 10px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);pointer-events:none}.home-city-window{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:4px}.mayor-letter-overlay,.city-naming-overlay,.department-detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:88px 18px 24px}.mayor-letter-overlay{z-index:8;background:#21261c38}.city-naming-overlay{z-index:8;background:#21261c3d}.mayor-letter,.city-naming-card,.department-detail-card{position:relative;width:min(100%,342px);max-height:calc(100% - 8px);border:2px solid rgba(105,70,36,.32);border-radius:8px;background:linear-gradient(90deg,rgba(122,91,50,.08) 1px,transparent 1px),#fff7e9;background-size:18px 18px;box-shadow:0 18px 38px #1f231c47,inset 0 0 0 3px #fff7dfb8;color:#26342e}.mayor-letter,.city-naming-card{display:flex;flex-direction:column;padding:14px 16px}.mayor-letter-body,.city-naming-body{min-height:0;overflow-y:auto;padding:2px 2px 0}.mayor-letter h2,.city-naming-card h2,.department-detail-card h2{margin:0;color:#1f352c;letter-spacing:0}.mayor-letter h2,.city-naming-card h2{border-bottom:1px dashed rgba(100,75,40,.28);padding-bottom:10px;font-size:1.36rem}.mayor-letter p,.city-naming-card p{margin:12px 0 0;line-height:1.72;font-size:.95rem}.mayor-letter-signature{color:#7b5d35;font-weight:900;text-align:right}.mayor-letter-button,.city-naming-button{flex:0 0 auto;width:100%;min-height:48px;margin-top:16px;border:0;border-radius:999px;background:#23312b;color:#fffaf1;font-weight:900}.city-name-field{display:grid;gap:8px;margin-top:16px}.city-name-field span{color:#31483e;font-size:.86rem;font-weight:900}.city-name-field input{width:100%;min-height:46px;border:1px solid rgba(35,49,43,.16);border-radius:8px;padding:0 12px;background:#fffaf1;color:#23312b;font-weight:800}.department-detail-overlay{z-index:2;pointer-events:none}.department-detail-card{max-width:330px;padding:18px;pointer-events:auto}.department-detail-close{position:absolute;top:12px;right:12px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(35,49,43,.14);border-radius:50%;background:#fffaf1;color:#23312b;font-weight:900}.department-detail-kicker{display:block;padding-right:44px;color:#7b5d35;font-size:.78rem;font-weight:900}.department-detail-card h2{padding-right:44px;font-size:1.3rem}.department-detail-metric,.department-detail-empty,.department-detail-suggestion{margin:10px 0 0;line-height:1.65}.department-detail-metric{color:#60766b;font-size:.9rem;font-weight:800}.department-detail-list{display:grid;gap:8px;margin:14px 0 0}.department-detail-list div{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(31,53,44,.1);border-radius:8px;padding:10px 12px;background:#ffffff75}.department-detail-list dt,.department-detail-list dd{margin:0}.department-detail-list dt{color:#60766b;font-size:.84rem;font-weight:800}.department-detail-list dd{color:#1f352c;font-weight:900;text-align:right}.department-detail-suggestion,.department-detail-empty{color:#456457}.cityViewport{position:relative;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:linear-gradient(180deg,#ecd59d40,#efddb126),transparent;box-shadow:none;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .18s ease,transform .18s ease}.cityViewport:active,.cityViewport.is-dragging{cursor:grabbing}.is-report-open .cityViewport{filter:brightness(.7) blur(2px);transform:scale(.99)}.cityCanvas{position:absolute;top:0;left:0;width:750px;height:1624px;transform-origin:top left;will-change:transform}.cityWeatherScene{filter:var(--weather-scene-filter, none)}.cityWeatherOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--weather-overlay-color, transparent);pointer-events:none}.cityLayer{position:absolute;top:0;right:0;bottom:0;left:0}.cityLayerCanvas{display:block;width:750px;height:1624px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.department-hotspot{position:absolute;z-index:2;border:0;padding:0;background:transparent;color:transparent;cursor:pointer;touch-action:manipulation}.department-hotspot span{display:none}.department-hotspot.is-debug{border:3px dashed rgba(35,49,43,.5);background:var(--hotspot-color, rgba(255, 214, 95, .28));color:#1f352c;outline:2px solid rgba(255,248,231,.72)}.department-hotspot.is-debug span{display:inline-grid;place-items:center;position:absolute;top:10px;left:10px;min-width:120px;min-height:36px;border-radius:999px;padding:8px 12px;background:#fff8e7e6;box-shadow:0 6px 12px #1f352c29;font-size:1.2rem;font-weight:900;white-space:nowrap}.missing-layer-hint{position:absolute;right:14px;bottom:68px;z-index:2;max-width:calc(100% - 28px);border:1px solid rgba(120,72,42,.18);border-radius:999px;padding:8px 12px;background:#fff8e7eb;color:#7a4a2b;box-shadow:0 8px 18px #1f352c1f;font-size:.76rem;font-weight:900}.layer-debug-panel{position:absolute;left:12px;bottom:64px;z-index:3;display:grid;gap:6px;min-width:164px;border:1px solid rgba(31,53,44,.18);border-radius:12px;padding:10px;background:#fff8e7f0;color:#1f352c;box-shadow:0 10px 24px #1f352c29;font-size:.76rem;pointer-events:auto}.layer-debug-panel-hit-area{display:grid;gap:6px}.layer-debug-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:900}.layer-debug-header select{min-width:64px;border:1px solid rgba(31,53,44,.18);border-radius:8px;padding:3px 6px;background:#fffaf1;color:#1f352c;font:inherit}.layer-debug-panel code{border-radius:8px;padding:7px;background:#1f352c14;font-family:Cascadia Mono,Consolas,monospace;line-height:1.45}.city-export-button{min-height:34px;border:0;border-radius:8px;padding:7px 10px;background:#23312b;color:#fffaf1;font-size:.78rem;font-weight:900}.city-export-button:disabled{cursor:wait;opacity:.68}.layer-debug-panel small{color:#60766b;font-weight:800}.cityLayerSky{height:34%;overflow:hidden;background:linear-gradient(180deg,#9ed4e4,#bfe2e526)}.cityLayerSky.level-1{background:#8192a1}.cityLayerSky.level-2{background:#a9b7bf}.cityLayerSky.level-3{background:#bdd3df}.cityLayerSky.level-4{background:#94cde4}.cityLayerSky.level-5{background:#9cd6ef}.sun{position:absolute;top:7%;right:13%;width:58px;height:58px;border-radius:50%;background:#ffd36d;opacity:.88;box-shadow:0 0 0 14px #ffd36d2e}.cityLayerSky.level-1 .sun,.cityLayerSky.level-2 .sun{opacity:.18}.cloud{position:absolute;width:122px;height:34px;border-radius:999px;background:#ffffffdb}.cloud:before,.cloud:after{position:absolute;bottom:10px;width:50px;height:50px;border-radius:50%;background:inherit;content:""}.cloud:before{left:18px}.cloud:after{right:20px}.cloud-one{top:13%;left:8%}.cloud-two{top:20%;right:24%;transform:scale(.76)}.rainbow{position:absolute;top:12%;left:50%;width:148px;height:72px;border-top:11px solid #f07d7d;border-right:11px solid #f6c06a;border-left:11px solid #79bd8f;border-radius:148px 148px 0 0;transform:translate(-50%)}.cityLayerMap{display:block;width:100%;height:100%}.scene-ground{fill:url(#sceneGround)}.city-island{fill:#e7dcc4e6;stroke:#1f352c21;stroke-width:5}.map-path{fill:none;stroke:#6f624e42;stroke-linecap:round;stroke-width:28}.map-path-small{stroke-width:18}.terrace-line{fill:none;stroke:#1f352c14;stroke-linecap:round;stroke-width:6}.iso-shadow{fill:#2e48421f}.farm-base,.park-field{stroke:#1f352c1a;stroke-width:4}.farm-base{fill:#c9a06dc7}.farm-area.level-1 .farm-base{fill:#9b765c}.farm-area.level-2 .farm-base{fill:#b98e62}.farm-area.level-3 .farm-base{fill:#d2aa6f}.farm-area.level-4 .farm-base{fill:#dfbd67}.farm-area.level-5 .farm-base{fill:#eccf57}.farm-area path{fill:none;stroke:#6b4c2c57;stroke-width:6}.park-field,.park-area ellipse{fill:#b8d69dd1}.park-area.level-1 .park-field,.park-area.level-1 ellipse{fill:#9fb489}.park-area.level-2 .park-field,.park-area.level-2 ellipse{fill:#abc592}.park-area.level-3 .park-field,.park-area.level-3 ellipse{fill:#b8d69d}.park-area.level-4 .park-field,.park-area.level-4 ellipse{fill:#91c77f}.park-area.level-5 .park-field,.park-area.level-5 ellipse{fill:#66b96f}.park-area circle{fill:#4d8f5a}.park-area path{fill:none;stroke:#f7f0d0;stroke-linecap:round;stroke-width:14}.cbd-area polygon:not(.iso-shadow){fill:#59636c;stroke:#1f352c29;stroke-width:3}.cbd-area.level-1 polygon:not(.iso-shadow){fill:#32383d}.cbd-area.level-2 polygon:not(.iso-shadow){fill:#46505a}.cbd-area.level-3 polygon:not(.iso-shadow){fill:#5f6d77}.cbd-area.level-4 polygon:not(.iso-shadow){fill:#667e8d}.cbd-area.level-5 polygon:not(.iso-shadow){fill:#596e8c}.windows rect{fill:#ffdf77;opacity:.55}.cbd-area.level-1 .windows rect{opacity:.04}.cbd-area.level-2 .windows rect{opacity:.18}.cbd-area.level-4 .windows rect{opacity:.82}.cbd-area.level-5 .windows rect{fill:#f7a8ff;opacity:.9}.river-area{fill:none;stroke:#64b5de;stroke-linecap:round;stroke-width:54}.river-area.level-1{stroke:#b99b76;stroke-width:24}.river-area.level-2{stroke-width:38}.river-area.level-4{stroke-width:70}.river-area.level-5{stroke:#48bde7;stroke-width:82}.river-shine{fill:none;stroke:#ffffff9e;stroke-linecap:round;stroke-width:8}.city-status-grid{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 14px}.city-chip{min-width:0;border:1px solid rgba(35,49,43,.1);border-radius:8px;padding:10px;background:#ffffff94}.city-chip span,.city-chip strong{display:block}.city-chip span{color:#637268;font-size:.76rem}.city-chip strong{margin-top:2px;font-size:.92rem}.newspaper-button{position:absolute;top:20px;right:22px;z-index:4;display:grid;width:62px;height:62px;place-items:center;min-height:0;border:0;border-radius:50%;padding:0;background:#fffceff5;color:#5c4a36;box-shadow:0 8px 18px #372a162e,inset 0 0 0 1px #ffffffd9;font-family:Georgia,Times New Roman,serif;font-size:.68rem;font-weight:900;letter-spacing:0;animation:none;transform-origin:center;transition:transform .12s ease}.newspaper-button span{line-height:1;display:grid;place-items:center;width:auto;height:auto;border:0;background:transparent;font-size:1.55rem}.newspaper-button:hover{transform:translateY(-1px)}.analysis-float-button{position:absolute;top:76px;right:24px;z-index:2;display:grid;width:44px;height:44px;place-items:center;min-height:0;border:1px solid rgba(94,72,41,.16);border-radius:16px;padding:0;background:#fff8e7f0;color:#23312b;box-shadow:0 8px 16px #1f352c1f,inset 0 0 0 1px #ffffff94;font-size:1.3rem;transition:transform .16s ease,box-shadow .16s ease}.analysis-float-button:hover{box-shadow:0 12px 20px #1f352c2e,inset 0 0 0 1px #ffffffb3;transform:scale(1.08)}.report-tabs{flex:0 0 auto;display:flex;gap:7px;margin:10px 0 0}.report-tab{flex:1;min-width:0;padding:8px 6px 7px;border:1px solid rgba(143,58,47,.38);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#fff9ebfa,#f7e8cef5);color:#8f3a2f;box-shadow:inset 0 -2px #9f1f1f14;font-size:.84rem;font-weight:900;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.report-tab:hover{border-color:#9f1f1f7a;background:#fff8ea}.report-tab.is-active{border-color:#9f1f1f;background:#9f1f1f;color:#fff8e8;box-shadow:inset 0 -2px #5c121247,0 2px #8f3a2f1f}.mayor-report-heading{position:relative;flex:0 0 auto;padding:2px 42px 0;text-align:center}.report-kicker{display:block;color:#8f3a2f;font-size:.72rem;font-weight:900;letter-spacing:.04em;overflow-wrap:anywhere}.mayor-report-heading h2{margin:5px 0 4px;color:#9f1f1f;font-size:1.72rem;line-height:1;letter-spacing:0}.mayor-report-heading p{margin:0 0 10px;color:#735448;font-size:.78rem;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.report-title-rule{display:block;width:100%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#b64235 16%,#9f1f1f 50%,#b64235 84%,transparent)}.report-file-meta{flex:0 0 auto;display:flex;justify-content:space-between;gap:10px;margin-top:9px;border-top:1px solid rgba(143,58,47,.16);border-bottom:1px solid rgba(143,58,47,.16);padding:6px 4px;color:#735448;font-size:.72rem;font-weight:800;line-height:1.3}.report-file-meta span{min-width:0;overflow-wrap:anywhere}.report-content{flex:1 1 auto;min-height:0;margin-top:10px;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 2px 0}.analysis-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14231c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end}.analysis-panel{position:relative;width:100%;max-height:85vh;display:flex;flex-direction:column;background:#f5eddf;border-radius:20px 20px 0 0;overflow:hidden}.analysis-panel-header{flex-shrink:0;padding:20px 20px 12px;position:relative;background:#f5eddf;border-bottom:1px solid rgba(117,63,47,.1)}.analysis-panel-body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 40px;-webkit-overflow-scrolling:touch}.analysis-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:#1f352c14;color:#1f352c;font-size:1.1rem;cursor:pointer;display:grid;place-items:center}.analysis-close:hover{background:#1f352c26}.habit-progress-section{margin:14px 0 18px;padding:14px;background:#edf6df;border-radius:10px}.habit-progress-header{display:flex;justify-content:space-between;font-size:.85rem;color:#1f352c;margin-bottom:8px}.habit-progress-header strong{font-weight:700;color:#2d6a4f}.habit-progress-track{height:8px;background:#1f352c1f;border-radius:4px;overflow:hidden}.habit-progress-fill{height:100%;background:linear-gradient(90deg,#52b788,#2d6a4f);border-radius:4px;transition:width .6s ease}.habit-progress-hint{margin:8px 0 0;font-size:.8rem;color:#52b788;font-weight:600}.analysis-hint{font-size:.88rem;color:#93533f;line-height:1.6;margin:0 0 12px}.analysis-paragraphs p{margin:0 0 12px;font-size:.9rem;line-height:1.75;color:#1f352c}.analysis-report-section{margin-top:4px}@keyframes reportFloat{0%,to{translate:0 0}50%{translate:0 -3px}}.report-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:flex-start;justify-content:center;padding:108px 24px 16px;pointer-events:none}.report-panel{position:relative;display:flex;flex-direction:column;width:calc(100% - 48px);max-width:560px;height:min(84%,820px);max-height:calc(100% - 124px);min-height:360px;border:1px solid rgba(143,58,47,.22);border-radius:14px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 24%),#fbf1dc;box-shadow:0 18px 42px #23312b38,inset 0 0 0 1px #ffffffb8;pointer-events:auto;overflow:hidden}.report-close,.sheet-close{display:grid;place-items:center;border:1px solid rgba(35,49,43,.14);border-radius:50%;background:#fffaf1;color:#23312b;font-weight:900}.report-close{position:absolute;top:13px;right:13px;z-index:4;width:31px;height:31px;border-color:#8f3a2f33;background:#fff8eae6;color:#8f3a2f;font-size:1rem;line-height:1;box-shadow:0 2px #8f3a2f14}.report-close:hover{border-color:#9f1f1f47;background:#fffdf4}.home-actions{display:flex;align-items:center;gap:12px;height:72px;margin-top:12px;border:4px solid #15120e;border-radius:20px;padding:8px 12px;background:linear-gradient(90deg,rgba(255,240,184,.08) 1px,transparent 1px),#15562f;background-size:14px 14px;box-shadow:0 0 0 3px #2e2619,inset 0 5px #fff0be29,inset 0 -5px #00000038,0 6px #090806}.record-button{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;min-height:48px;border:0;border-radius:12px;padding:0 12px;background:transparent;color:#f7e8c8;box-shadow:none;font-size:.98rem;font-weight:900;text-align:center}.record-label{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.record-scroll-icon{flex:0 0 auto;font-size:1.25rem;line-height:1}.bottom-action-icon,.record-pencil{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:3px solid #9a7440;border-radius:6px;background:#f4dcae;color:#6e4a26;box-shadow:inset 0 3px #ffffff6b,2px 3px #00000047;font-size:1.35rem;font-weight:900;line-height:1}.bottom-action-icon{border-radius:4px}.record-pencil{border-radius:50%;transform:rotate(-20deg)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#171f1b57;border-radius:24px;padding:28px 20px;overflow:hidden}.profile-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:center;justify-content:center;background:#171f1b57;border-radius:24px;padding:28px 20px;overflow:hidden}.city-profile{position:relative;display:flex;flex-direction:column;width:min(100%,360px);max-height:calc(100% - 56px);overflow:hidden;border:1px solid rgba(35,49,43,.12);border-radius:22px;padding:18px 14px 14px;background:#fff8ea;box-shadow:0 -22px 48px #23312b40}.profile-close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(35,49,43,.14);border-radius:50%;background:#fffaf1;color:#23312b;font-weight:900}.profile-heading p{margin:0;color:#5e7c6f;font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.profile-heading h2{margin:4px 0 0;color:#1c3028;font-size:1.7rem;line-height:1}.profile-modal-body{min-height:0;flex:1 1 auto;overflow-y:auto;padding-right:2px}.mayor-office-card{display:grid;grid-template-columns:96px 1fr;gap:14px;margin-top:18px;border:1px solid rgba(31,53,44,.1);border-radius:16px;padding:14px;background:#ffffff80;box-shadow:0 10px 22px #1f352c14}.profile-avatar-frame{position:relative;width:96px;height:96px;align-self:start}.profile-avatar-image{display:block;width:96px;height:96px;border:0;border-radius:20px;background:transparent;object-fit:cover;image-rendering:auto}.avatar-edit-chip,.city-name-display button{display:grid;place-items:center;border:1px solid rgba(35,49,43,.14);background:#fffaf1eb;color:#41564d;font-weight:900}.avatar-edit-chip{position:absolute;right:-4px;bottom:-4px;width:30px;height:30px;border-radius:10px;box-shadow:0 6px 14px #1f352c29;font-size:.86rem}.avatar-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mayor-office-info{min-width:0;align-self:start}.mayor-office-info span,.mayor-office-info small,.mayor-office-stats dt{color:#60766b;font-size:.78rem;font-weight:800}.mayor-office-info strong{min-width:0;color:#1f352c;font-size:1.34rem;line-height:1.15;overflow-wrap:anywhere}.city-name-display{display:flex;align-items:center;gap:6px;min-width:0;margin-top:4px}.city-name-display strong{display:block}.city-name-display button{flex:0 0 auto;width:26px;height:26px;border-radius:8px;padding:0;font-size:.78rem}.city-name-editor{display:grid;gap:7px;margin-top:6px}.city-name-editor input{width:100%;min-height:38px;border:1px solid rgba(35,49,43,.16);border-radius:8px;padding:0 10px;background:#fffaf1;color:#23312b;font-weight:800}.city-name-editor-actions{display:flex;gap:6px}.city-name-editor-actions button{min-height:30px;border:1px solid rgba(35,49,43,.14);border-radius:999px;padding:0 10px;background:#fffaf1db;color:#41564d;font-size:.78rem;font-weight:900}.mayor-office-info small{display:block;margin-top:6px}.mayor-office-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}.mayor-office-stats div{border-radius:10px;padding:10px;background:#edf6dfc7}.mayor-office-stats dt,.mayor-office-stats dd{margin:0}.mayor-office-stats dd{margin-top:4px;color:#1f352c;font-size:1.05rem;font-weight:900}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.profile-summary div,.upgrade-list,.department-card{border:1px solid rgba(31,53,44,.1);border-radius:16px;background:#ffffff75;box-shadow:0 10px 22px #1f352c14}.profile-summary div{min-width:0;padding:14px}.profile-summary span,.department-card-header span,.department-meta,.profile-summary small{color:#60766b;font-size:.78rem}.profile-summary strong{display:block;margin-top:6px;color:#1f352c;font-size:1.55rem;line-height:1}.profile-summary small{display:block;margin-top:6px}.daily-record-section{margin-top:12px;border:1px solid rgba(31,53,44,.1);border-radius:16px;padding:14px;background:#fff7e9bd;box-shadow:0 10px 22px #1f352c14}.daily-record-section h3{margin:0;color:#1f352c;font-size:1rem}.daily-record-list{display:grid;gap:8px;max-height:320px;margin-top:10px;overflow-y:auto;padding-right:2px}.daily-record-card{border:1px solid rgba(31,53,44,.1);border-radius:12px;padding:10px;background:#ffffff94}.daily-record-card>strong{display:block;color:#1f352c;font-size:.92rem}.daily-record-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:8px 0 0}.daily-record-card div{min-width:0}.daily-record-card dt,.daily-record-card dd{margin:0}.daily-record-card dt{color:#60766b;font-size:.72rem;font-weight:800}.daily-record-card dd{margin-top:2px;color:#1f352c;font-size:.84rem;font-weight:900;overflow-wrap:anywhere}.daily-record-empty{margin:10px 0 0;color:#456457;font-size:.9rem;line-height:1.65}.avatar-crop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:13;display:flex;align-items:center;justify-content:center;border-radius:24px;padding:24px;background:#171f1b61}.avatar-crop-card{width:min(100%,320px);border:1px solid rgba(100,75,40,.18);border-radius:18px;padding:16px;background:linear-gradient(90deg,rgba(122,91,50,.08) 1px,transparent 1px),#fff7e9;background-size:18px 18px;box-shadow:0 18px 38px #1f352c3d}.avatar-crop-card h3{margin:0 0 12px;color:#1f352c;font-size:1.05rem}.avatar-crop-frame{position:relative;width:220px;height:220px;margin:0 auto;overflow:hidden;border:2px solid rgba(31,53,44,.16);border-radius:22px;background:#f7f1df;cursor:grab;touch-action:none}.avatar-crop-frame:active{cursor:grabbing}.avatar-crop-frame img{position:absolute;display:block;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none}.avatar-scale-control{display:grid;gap:6px;margin-top:12px;color:#60766b;font-size:.82rem;font-weight:900}.avatar-scale-control input{width:100%;accent-color:#28483a}.avatar-crop-actions{display:flex;gap:8px;margin-top:14px}.avatar-crop-actions button{flex:1;min-height:40px;border:1px solid rgba(35,49,43,.14);border-radius:999px;background:#23312b;color:#fffaf1;font-weight:900}.avatar-crop-actions button+button{background:#fffaf1eb;color:#41564d}.weekly-summary-section{margin-top:12px;padding:16px;background:#fff7e9;border-radius:10px;border:1.5px solid rgba(117,63,47,.15)}.weekly-summary-header{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.weekly-summary-header h3{margin:0;font-size:.98rem;color:#1f352c}.weekly-summary-header small{color:#93533f;font-size:.78rem}.weekly-generate-btn{width:100%;padding:10px;background:#1f352c;color:#f5eddf;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.weekly-generate-btn:hover{opacity:.85}.weekly-generate-btn:disabled{opacity:.4;cursor:not-allowed}.weekly-loading{display:flex;align-items:center;gap:8px;color:#93533f;font-size:.88rem;padding:4px 0}.weekly-report-content p{margin:0 0 10px;font-size:.9rem;line-height:1.75;color:#1f352c}.weekly-report-content p:last-of-type{margin-bottom:12px}.weekly-error{color:#c0392b;font-size:.85rem;margin:4px 0 0}.weekly-regenerate-btn{background:none;border:1px solid rgba(117,63,47,.3);color:#93533f;border-radius:6px;padding:5px 12px;font-size:.8rem;cursor:pointer;margin-top:4px}.weekly-regenerate-btn:hover{background:#753f2f0f}.upgrade-list{margin-top:12px;padding:14px;background:#edf6df}.upgrade-list h3,.department-card h3{margin:0}.upgrade-list h3{color:#1f352c;font-size:.98rem}.upgrade-list p{margin:8px 0 0;color:#456457;line-height:1.45}.department-list{display:grid;gap:10px;margin-top:12px}.department-card{padding:14px}.department-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.department-card-header h3{margin-top:2px;color:#1f352c;font-size:1rem}.department-card-header strong{flex:0 0 auto;border-radius:999px;padding:6px 10px;background:#1f352c;color:#fffaf1;font-size:.86rem}.growth-track{height:9px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e5dccf}.growth-fill{height:100%;border-radius:inherit;background:#4a8063}.department-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.upgrade-toast{position:fixed;right:16px;bottom:88px;left:16px;z-index:12;width:min(calc(100% - 32px),430px);margin:0 auto;border:1px solid rgba(31,53,44,.12);border-radius:999px;padding:12px 16px;background:#fff8eaf5;color:#1f352c;box-shadow:0 14px 28px #1f352c2e;font-size:.9rem;font-weight:900;text-align:center}.bottom-sheet{position:relative;display:flex;flex-direction:column;width:min(100%,360px);max-height:calc(100% - 56px);overflow:hidden;border:1px solid rgba(100,75,40,.18);border-radius:22px;padding:12px 14px 14px;background:linear-gradient(90deg,rgba(122,91,50,.08) 1px,transparent 1px),#f7ead1;background-size:18px 18px;box-shadow:0 -22px 48px #23312b40}.sheet-handle{width:46px;height:5px;flex:0 0 auto;margin:0 auto 8px;border-radius:999px;background:#23312b38}.sheet-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;pointer-events:auto}.input-panel{position:relative;display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding:4px 0 0;overflow:hidden}.report-heading{flex:0 0 auto;position:relative;border-bottom:1px dashed rgba(100,75,40,.28);padding:2px 44px 10px 0}.report-heading h2{font-size:1.38rem}.report-heading small{display:block;margin-top:6px;color:#6f624d;font-size:.82rem;line-height:1.35}.report-body{min-height:0;flex:1 1 auto;overflow-y:auto;padding-right:2px}.scroll-cap{flex:0 0 auto;height:9px;margin:0 42px 10px;border-radius:999px;background:linear-gradient(90deg,#b48b4e,#efd6a2,#b48b4e);box-shadow:0 3px 8px #644b282e}.scroll-cap-bottom{margin-top:12px;margin-bottom:0}.report-line{min-width:0;margin:9px 0 0;border:0;border-bottom:1px dashed rgba(100,75,40,.16);padding:0 0 9px}.report-line legend{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;margin-bottom:7px;color:#31483e;font-size:.9rem;font-weight:900}.report-line legend small{color:#4f5b509e;font-size:.68rem;font-weight:800}.compact-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.compact-option{display:grid;min-width:0;min-height:42px;place-items:center;border:1px solid rgba(68,82,58,.16);border-radius:999px;padding:6px 5px;background:#fffbeeb8;color:#34483f;text-align:center;box-shadow:inset 0 -1px #644b2814;font-size:.74rem;font-weight:900}.compact-option small{display:block;margin-top:1px;color:#7a715d;font-size:.61rem;font-weight:700}.compact-option.is-selected{border-color:#28483a;background:#28483a;color:#fff8e8}.compact-option.is-selected small{color:#fff8e8c2}.emoji-options .compact-option{min-height:46px;font-size:.76rem}.slider-report-card,.sleep-slider-card{border-color:#44523a29;border:1px solid rgba(68,82,58,.16);border-radius:16px;padding:10px 12px 8px;background:#fffbeeb8}.slider-report-summary,.sleep-slider-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.slider-report-summary span,.sleep-slider-summary span{color:#34483f;font-size:.84rem;font-weight:800}.slider-report-summary strong,.sleep-slider-summary strong{color:#28483a;font-size:.86rem;white-space:nowrap}.civic-range,.sleep-range{width:100%;height:24px;margin:7px 0 0;accent-color:#28483a}.slider-ticks{position:relative;height:18px;margin-top:8px;color:#283c3273;font-size:.66rem;font-weight:700}.slider-ticks span{position:absolute;top:0;white-space:nowrap;transform:translate(-50%)}.slider-ticks span:first-child{transform:translate(0)}.slider-ticks span:last-child{transform:translate(-100%)}.range-labels,.sleep-range-labels{display:flex;justify-content:space-between;color:#4f5b5094;font-size:.66rem;font-weight:800}.range-labels-three span:nth-child(2){transform:translate(28%)}.civic-stamp{flex:0 0 auto;width:fit-content;margin:8px 0 0 auto;border:2px solid rgba(148,65,46,.5);border-radius:999px;padding:5px 10px;color:#94412ec7;font-size:.74rem;font-weight:900;transform:rotate(-4deg)}.civic-stamp-enter{animation:civicStampIn .52s cubic-bezier(.18,.9,.24,1.18) both;transform-origin:center}.stamp-received{position:absolute;right:28px;bottom:76px;z-index:20;padding:10px 18px;border:3px solid rgba(160,70,55,.85);border-radius:999px;background:#fff5e15c;color:#91372deb;font-size:1rem;font-weight:900;letter-spacing:.08em;pointer-events:none;opacity:0;transform:rotate(-8deg) scale(1.4);animation:stampIn .52s ease-out forwards}@keyframes stampIn{0%{opacity:0;transform:rotate(-8deg) scale(1.45)}60%{opacity:1;transform:rotate(-8deg) scale(.92)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes civicStampIn{0%{opacity:0;transform:scale(1.4) rotate(-10deg)}62%{opacity:1;transform:scale(.96) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}.input-group{min-width:0;margin:16px 0 0;padding:0;border:0}.input-group legend{margin-bottom:8px;color:#26342e;font-weight:800}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option-card,.time-slot{min-height:62px;border:1px solid rgba(35,49,43,.14);border-radius:8px;background:#fffaf1;color:#23312b;text-align:left}.option-card{display:grid;gap:3px;padding:10px}.option-card span{font-weight:800}.option-card small{color:#6d7c72;font-size:.76rem}.option-card.is-selected,.time-slot.is-selected{border-color:#4a8063;background:#4a8063;color:#fff}.option-card.is-selected small{color:#ffffffd1}.sleep-input{display:grid;grid-template-columns:1fr 92px 56px;align-items:center;gap:10px;width:100%;border:1px solid rgba(35,49,43,.14);border-radius:8px;padding:10px;background:#fffaf1}.sleep-input input{min-width:0;width:100%;border:1px solid rgba(35,49,43,.16);border-radius:8px;padding:9px;background:#fff}.sleep-input strong{text-align:right}.time-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.time-slot{text-align:center;font-weight:800}.generate-button{flex:0 0 auto;width:100%;min-height:50px;margin-top:10px;border:0;border-radius:999px;background:#23312b;color:#fffaf1;font-weight:900}.generate-button:disabled{cursor:wait;opacity:.76}.report-paper{min-height:154px;margin:0;border:1px solid rgba(143,58,47,.18);border-top:3px solid #b64235;border-bottom:2px solid rgba(182,66,53,.28);border-radius:6px;padding:16px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.56),transparent 22%),#fff8eaf0;box-shadow:0 3px #8f3a2f0f,inset 0 1px #ffffffb8;color:#3f342c;font-size:16px;font-weight:400;line-height:1.75}.report-paper p,.report-paper li,.report-paper div,.report-paper span{font-size:inherit;line-height:inherit}.report-paper ul,.report-paper ol{margin:.5em 0 .8em 1.2em;padding:0}.report-paper li{margin-bottom:.45em}.report-paper p{margin:.75em 0 0;color:inherit}.report-salutation{margin-top:.4em;color:#2f251f;font-size:inherit;font-weight:700;line-height:inherit}.report-preface{margin-top:.35em;border-bottom:1px solid rgba(143,58,47,.12);padding-bottom:.7em;color:#5f463a;font-size:inherit;font-weight:400;line-height:inherit}.report-action-note{margin-top:.75em;color:#8f3a2f;font-size:inherit;font-weight:400;line-height:inherit}.report-paragraphs p{position:relative;margin:0 0 .85em;padding:0 0 0 14px;color:inherit;font-size:inherit;font-weight:400;line-height:inherit}.report-paragraphs p:before{content:"";position:absolute;top:.82em;left:0;width:7px;height:2px;border-radius:999px;background:#b64235}.report-paragraphs p:last-child{margin-bottom:0}.report-paragraphs strong{color:#2f251f;font-weight:950;-webkit-text-stroke:.01em currentColor}.report-date{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin-bottom:12px;border:1px solid rgba(143,58,47,.18);border-radius:4px;padding:4px 9px;background:#fff4dc9e;color:#8f3a2f;font-size:.78rem;font-weight:800;line-height:1.25}.report-loading{display:flex;align-items:center;gap:8px;margin:12px 0 0;border:1px dashed rgba(143,58,47,.2);border-radius:6px;padding:10px 12px;background:#fff4dc61;color:#8f3a2f;font-size:inherit;line-height:inherit}.report-loading-dots{font-size:1.4rem;letter-spacing:2px;animation:reportDots 1.2s steps(3,end) infinite}.report-panel .weekly-generate-btn{border:1px solid rgba(159,31,31,.2);background:#9f1f1f;color:#fff8e8;box-shadow:0 3px #8f3a2f1f}.report-panel .weekly-generate-btn:hover{opacity:.92}.report-panel .weekly-regenerate-btn{border-color:#8f3a2f52;color:#8f3a2f;background:#fff8eab3}.report-panel .weekly-regenerate-btn:hover{background:#b6423514}.report-panel .weekly-error{color:#9f1f1f}@keyframes reportDots{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.xp-list{display:grid;gap:14px;margin-top:14px}.xp-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.92rem}.xp-track{height:10px;overflow:hidden;border-radius:999px;background:#e5dccf}.xp-fill{height:100%;border-radius:inherit;background:#4a8063}@media(min-width:760px){body{display:grid;place-items:start center;padding:16px 0}#root{width:100%}.app{width:min(100%,430px);min-height:calc(100vh - 32px);min-height:calc(100svh - 32px);padding-top:10px}.city-stage{height:calc(100vh - 122px);height:calc(100svh - 122px)}}@media(max-width:390px){.app{padding-right:8px;padding-left:8px}.city-stage{min-height:520px}.mayor-avatar-button,.newspaper-button{width:56px;height:56px}.mayor-avatar-button{border-radius:16px;padding:3px}.mayor-avatar-image{border-radius:11px}.home-actions{height:66px;gap:8px;padding-right:10px;padding-left:10px}.record-button{font-size:.9rem}.bottom-action-icon,.record-pencil{width:38px;height:38px}.option-grid,.sleep-input{grid-template-columns:1fr}.sleep-input strong{text-align:left}.compact-options{gap:5px}.compact-option{min-height:39px;padding-right:3px;padding-left:3px;font-size:.68rem}.compact-option small{font-size:.56rem}.compact-sleep-input{grid-template-columns:1fr 76px 42px}.report-overlay{padding:96px 16px 14px}.report-panel{width:calc(100% - 24px);height:min(82%,740px);max-height:calc(100% - 110px);min-height:340px;padding:15px}.mayor-report-heading{padding-right:36px;padding-left:36px}.report-kicker{font-size:.66rem}.mayor-report-heading h2{font-size:1.42rem}.mayor-report-heading p{font-size:.72rem}.report-file-meta{flex-wrap:wrap;gap:4px 10px;font-size:.68rem}.report-tabs{margin-right:0;margin-left:0;gap:5px}.report-tab{font-size:.78rem;padding-right:3px;padding-left:3px}.report-paper{padding:14px 13px 16px}.mayor-letter-overlay,.city-naming-overlay,.department-detail-overlay{padding:78px 12px 18px}.mayor-letter,.city-naming-card,.department-detail-card{width:min(100%,326px)}.mayor-letter,.city-naming-card{padding:12px 14px}.mayor-letter h2,.city-naming-card h2,.department-detail-card h2{font-size:1.2rem}.mayor-letter p,.city-naming-card p,.department-detail-metric,.department-detail-empty,.department-detail-suggestion{font-size:.9rem}.mayor-office-card{grid-template-columns:76px 1fr;gap:10px;padding:12px}.profile-avatar-frame,.profile-avatar-image{width:76px;height:76px}.profile-avatar-image{border-radius:17px}.avatar-edit-chip{width:28px;height:28px;border-radius:9px}.mayor-office-info strong{font-size:1.16rem}.daily-record-card dl{grid-template-columns:1fr}}