:root{color-scheme:light;--ink:#35312c;--paper:#fffdf5;--cream:#fff0a8;--pink:#ffe0df;--blue:#d7edf7;--muted:#756f64;--line:#d9d0bb;--green:#dfe9cd;font-family:ui-rounded,"PingFang SC","Hiragino Sans GB",system-ui,sans-serif;color:var(--ink);background:#f2efe5;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1.6px solid var(--ink);background:var(--paper);border-radius:18px;padding:11px 16px;min-height:46px}button:disabled{opacity:.55;cursor:wait}button:hover,a.card:hover{filter:brightness(.98)}:focus-visible{outline:3px solid #5484a5;outline-offset:3px}.app-shell{max-width:600px;margin:auto;background:var(--paper);min-height:100dvh;padding-bottom:calc(95px + env(safe-area-inset-bottom));box-shadow:0 0 50px #544c3610}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px 10px}.brand{font-size:15px;font-weight:800}.brand span{color:#d7757b;font-size:24px;vertical-align:middle}.chip,.tag{border:1px solid var(--line);border-radius:20px;font-size:12px;background:#fffae8;padding:6px 11px;min-height:34px}.chip{min-height:44px}main{padding:8px 22px 30px;outline:none}h1{font-size:30px;letter-spacing:1px;margin:12px 0 7px;line-height:1.3}h2{font-size:21px;margin:24px 0 14px}h3{font-size:18px;margin:0 0 8px}p{line-height:1.75;margin:8px 0}.subtitle{color:var(--muted);font-size:14px;margin-top:0}.title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:12px;letter-spacing:2px;color:#8a7762}.home-title{text-align:center}.home-title h1{font-size:33px}.hero{position:relative;background:#fff0ae;border:1.8px solid var(--ink);border-radius:47% 45% 24px 24px;min-height:230px;margin:22px 0 26px;overflow:hidden}.sixi-cut{width:260px;height:240px;background-image:url('./assets/sixi-v1.png');background-size:548.6% 372.4%;background-position:28.66% 20.69%;position:relative;margin:auto}.hero .sixi-cut{margin:3px auto 0}.hero-label{position:absolute;left:15px;bottom:13px;font-size:12px;background:var(--paper);border:1px solid var(--ink);border-radius:18px;padding:5px 12px;transform:rotate(-4deg)}.spark{position:absolute;right:24px;top:17px;font-size:30px;color:#ba724c}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px}.entry{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;min-height:110px;font-size:14px}.entry .entry-icon{display:grid;place-items:center;height:66px;width:74px;background:var(--cream);border:1.8px solid var(--ink);border-radius:27px 23px 26px 20px;font-size:30px;box-shadow:2px 3px 0 #35312c18}.entry:nth-child(2n) .entry-icon{background:var(--pink)}.entry:nth-child(3n) .entry-icon{background:var(--blue)}.entry small{font-size:10px;color:var(--muted);margin-top:-5px}.card{display:block;border:1px solid var(--line);background:#fffdf7;border-radius:22px;padding:19px;margin:12px 0;overflow-wrap:anywhere}.card-pink{background:var(--pink)}.card-blue{background:var(--blue)}.card-yellow{background:#fff6ca}.card small,.meta{font-size:12px;color:var(--muted)}.card p{margin:8px 0 0;white-space:pre-wrap;line-height:1.8}.card .excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .arrow{float:right;font-size:23px}.primary{background:var(--cream);font-weight:750;border:1.7px solid var(--ink);box-shadow:2px 3px 0 #35312c15}.wide{display:block;width:100%;margin:18px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:17px 0}.actions>*{flex:1;text-align:center;min-width:100px}.actions a{border:1px solid var(--ink);border-radius:18px;padding:12px;min-height:46px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:#6d5c41;font-size:14px;text-decoration:underline;text-underline-offset:4px}.empty{text-align:center;padding:35px 18px;border:1px dashed var(--line);border-radius:22px;margin:20px 0;color:var(--muted);font-size:14px;line-height:1.9}.note-hint{font-size:12px;color:var(--muted);line-height:1.8}.error{background:#fff0eb;border:1px solid #b76757;color:#8e3d2f;padding:13px;border-radius:14px;font-size:14px;line-height:1.65}.error:empty{display:none}label{display:block;font-size:14px;font-weight:650;margin:20px 0 8px}input,textarea,select{display:block;width:100%;background:#fffefa;border:1.4px solid #aaa18f;border-radius:14px;padding:12px;min-height:47px}textarea{resize:vertical;min-height:230px;line-height:1.9;border-radius:20px;padding:18px}input[type=date]{min-width:0;-webkit-appearance:none}select{padding-right:30px}.counter{display:block;text-align:right;font-size:12px;color:var(--muted);margin:6px 3px}.story{white-space:pre-wrap;font-size:18px;line-height:2;overflow-wrap:anywhere}.calendar-paper{background:linear-gradient(135deg,#fff8d8,var(--paper));border:1.6px solid #c9ba8b;border-radius:24px;padding:12px 8px;margin:18px 0}.monthbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.monthbar button{padding:8px 13px}.weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{text-align:center;font-size:12px;color:var(--muted);padding-bottom:7px}.day{border:0;border-radius:15px;min-height:49px;padding:5px 0;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:14px}.day.outside{color:#ada69a}.day.selected{background:var(--pink);box-shadow:inset 0 0 0 1.6px #d39598;font-weight:750}.day .count{font-size:9px;line-height:11px;color:#3f6f87}.birthday-dot{color:#b04e6b;font-size:9px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);z-index:10;background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 14px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;gap:1px;min-height:54px;border-radius:17px}.bottom-nav span{font-size:25px;line-height:29px}.bottom-nav a.active{background:#fff1b8;font-weight:700}dialog{max-width:min(420px,90vw);border:2px solid var(--ink);border-radius:24px;background:var(--paper);padding:24px}dialog::backdrop{background:#35312c66}dialog p{font-size:14px}dialog button{width:100%;margin-top:15px}dialog h2{margin-top:0}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);padding:12px 19px;background:#35312c;color:white;border-radius:18px;z-index:20;font-size:14px;max-width:90vw;display:none}#toast.show{display:block}.crumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13px;margin:17px 0}.crumbs a{text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.map-viewport{position:relative;height:430px;background:var(--blue);border:2px solid var(--ink);border-radius:24px;overflow:hidden;touch-action:none}.map-scene{position:absolute;left:0;top:0;width:1000px;height:1200px;transform-origin:0 0;background-size:100% 100%;background-image:url('./assets/world-v1.svg')}.map-scene.region{background-image:url('./assets/region-v1.svg')}.map-pin{position:absolute;width:150px;min-height:72px;margin-left:-75px;margin-top:-36px;background:var(--paper);border:3px solid var(--ink);border-radius:30px;font-weight:750;font-size:22px;box-shadow:4px 5px 0 #35312c22;touch-action:none}.map-pin.visited{background:#ffd1d9}.map-pin.wanted{background:var(--cream)}.map-controls{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:8px}.map-controls button{font-size:18px;padding:9px 12px;min-width:46px}.map-caption{font-size:12px;color:var(--muted);margin:9px 0 18px}.status-buttons button[aria-pressed=true]{background:var(--cream);font-weight:750}.place-art{height:170px;background:url('./assets/region-v1.svg') center 70%/cover;border:1.5px solid var(--ink);border-radius:24px;margin:18px 0}.inline-status{padding:10px 13px;border-radius:14px;background:var(--blue);font-size:13px;margin:16px 0}.coming{background:repeating-linear-gradient(-35deg,#fffcf2,#fffcf2 9px,#fff8df 9px,#fff8df 10px)}@media(min-width:520px){main{padding-left:32px;padding-right:32px}.hero{min-height:260px}.hero .sixi-cut{width:280px;height:258px}.map-viewport{height:500px}.day{min-height:56px}}@media(max-width:350px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}.entry-grid{gap:12px 6px}.entry .entry-icon{width:66px}.day{min-height:45px}h1{font-size:27px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,filter .15s}}
/* Kitchen shares only domain, while its mobile layout remains independent. */
.dish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dish-card{border:1.3px solid #d2bd7d;border-radius:22px;padding:15px 10px 10px;text-align:center;background:#fff7d6;min-width:0}.dish-card.pink{background:#ffe8e1;border-color:#ddb2ac}.dish-card.blue{background:#e2f1f7;border-color:#a8cedf}.dish-card a{display:block;min-height:155px}.dish-card h3{font-size:17px;overflow-wrap:anywhere}.dish-card small{font-size:11px;color:var(--muted)}.dish-card button{display:block;width:100%;background:#fffdf4;border-color:var(--line);padding:8px}.dish-card button[aria-pressed=true]{background:#ffd9dd;border-color:#bd878b}.bowl-art{display:block;width:100%;height:92px}.kitchen-tabs{flex-wrap:nowrap}.kitchen-tabs>*{min-width:0}.sixi-cut{background-size:548.6% 409.6%;background-position:28.66% 22.61%}.map-pin{width:260px;min-height:170px;margin-left:-130px;margin-top:-85px;font-size:42px;border-width:4px;border-radius:52px}
main:focus-visible{outline:none}.line-icon{width:34px;height:34px}
/* Six original corners; A adds forms inside them, not another home entry. */
.local-notice{background:#fff3e4;border:1px solid #d5bda5;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.75}.compact-textarea{min-height:160px}.check-label{display:flex;align-items:center;gap:10px;min-height:46px;font-weight:500}.check-label input{width:24px;min-height:24px;accent-color:#aa7b53}.sixi-banner{display:flex;align-items:center;justify-content:center;background:#fff4bc;border:1px solid #d4c89b;border-radius:24px;margin:18px 0;overflow:hidden}.sixi-banner .sixi-cut{width:175px;height:162px;margin:0}.sixi-banner p{font-size:13px;padding:10px;color:#6b5b45}.anniversary-marker{font-size:9px;color:#b04e6b;line-height:11px}.memory-history{border-left:3px solid #d1b6bb;margin:24px 4px;padding-left:15px}.memory-history h3{font-size:16px}.memory-history p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.memory-history small{font-size:11px;color:var(--muted)}.feature-pending{border:1px dashed #baa88b;background:#fff8e5;border-radius:18px;padding:16px}
.sync-status{margin:5px 22px 10px;background:#edf3e4;border:1px solid #b4c69b;padding:12px;border-radius:16px;font-size:12px;line-height:1.6}.sync-status[hidden]{display:none}.sync-status strong,.sync-status small{display:block}.sync-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:6px}.sync-actions button{font-size:12px;min-height:38px;padding:7px 10px}.sync-actions a{font-size:12px}.proposal-json{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.photo-job{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:15px;margin:10px 0;font-size:12px}.photo-job img,.media-gallery img{width:100px;height:100px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.photo-job button{font-size:12px;min-height:36px}.media-gallery{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.media-gallery span{font-size:12px;color:var(--muted)}.topbar .brand{margin-right:auto}.topbar{gap:7px}.topbar .chip{font-size:11px;padding:8px 10px;display:inline-flex;align-items:center}

.identity-panel .wide{margin:8px 0}.identity-panel input[type=password],.identity-panel #visible-invite{display:block;width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fffefb}.identity-panel form{margin:18px 0 26px}.identity-panel .identity-id{display:block;overflow-wrap:anywhere;font-size:11px}.identity-panel .tag{white-space:nowrap}.identity-panel .error:empty{display:none}.identity-members h2{line-height:1.8}.identity-panel .actions{flex-wrap:wrap}
