@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/m-plus-rounded-1c-japanese-400-normal-D19jvXyy.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-japanese-400-normal-wObas5x2.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/m-plus-rounded-1c-japanese-500-normal-BWAwhBsl.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-japanese-500-normal-DcWHWF27.woff) format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/m-plus-rounded-1c-japanese-700-normal-DbH1suRm.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-japanese-700-normal-DRtOhEH8.woff) format("woff")}:root{--washi: #FBF8F1;--paper: #FFFEFB;--ink: #3B372F;--ink-soft: #7A7364;--line: #EDE6D8;--ai: #46618C;--kaki: #C97955;--moss: #7C8B5F;--plum: #97687C;--tea: #4F7A70;--amber: #B08544;--fuji: #8A6FAD;--shadow: 0 3px 12px rgba(90, 80, 60, .07);--serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--sans: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--washi);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}#root{height:100%}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.demo-banner{background:color-mix(in srgb,var(--amber) 12%,white);border-bottom:1px solid color-mix(in srgb,var(--amber) 30%,white);color:color-mix(in srgb,var(--amber) 80%,black);font-size:11px;text-align:center;padding:5px 10px}.app-main{flex:1;overflow-y:auto;padding-bottom:84px}.screen-inner{padding:4px 18px 24px;animation:fadein .22s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.screen-inner{animation:none}}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 -4px 16px #5a503c14;display:flex;align-items:stretch;z-index:5}.tabbar>button{flex:1;background:none;border:none;font-family:var(--sans);font-size:10.5px;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding-bottom:6px}.tabbar button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.tabbar>button.on{color:var(--ai);font-weight:600}.tabbar .fab-slot{position:relative;flex:1}.tabbar .fab{position:absolute;left:50%;top:-24px;transform:translate(-50%);width:58px;height:58px;border-radius:50%;background:linear-gradient(150deg,#5C77A3,var(--ai));border:4px solid var(--washi);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #46618c47}.tabbar .fab svg{width:24px;height:24px;stroke:#fff;stroke-width:2;fill:none}.tabbar .fab-label{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:10.5px;color:var(--ink-soft)}.screen-inner h1{font-family:var(--sans);font-size:20px;font-weight:700;margin:14px 0 2px}.screen-inner .sub{font-size:12px;color:var(--ink-soft);margin:0 0 16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:5px 13px;border-radius:999px;border:1px solid;white-space:nowrap;background:none;font-family:var(--sans)}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.cat-manage-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 26px}.cat-manage-row{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}.cat-manage-main{display:flex;align-items:center;gap:8px}.cat-note{font-size:10.5px;color:var(--ink-soft)}.cat-manage-actions{margin-left:auto;display:inline-flex;gap:6px}button.mini{font-family:var(--sans);font-size:12px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--washi);color:var(--ink);cursor:pointer}button.mini:disabled{opacity:.35;cursor:default}button.mini.danger{color:#a04b3c;border-color:color-mix(in srgb,#A04B3C 30%,white)}.cat-manage-edit{margin-top:12px;display:flex;flex-direction:column;gap:10px}.cat-manage-buttons{display:flex;align-items:center;gap:10px}.cat-manage-buttons .save{flex:1;margin:0}.palette{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.sel{border-color:var(--ink);box-shadow:0 0 0 2px #fff inset}.cat-manage-add{background:var(--paper);border:1px dashed var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.cat-manage-add h2{font-size:13.5px;margin:0}.cat-manage-add .save{margin:0}.avatar{border-radius:50%;background:color-mix(in srgb,var(--ai) 12%,white);color:var(--ai);font-family:var(--serif);font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-edit{display:inline-flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;padding:0;cursor:pointer;flex-shrink:0}.avatar-edit .avatar-hint{font-size:10.5px;color:var(--ink-soft)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ai);outline-offset:2px}.empty{font-size:12.5px;color:var(--ink-soft);line-height:1.8;padding:18px 4px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:360px;background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:30px 26px;box-shadow:var(--shadow)}.login-eyebrow{font-size:10.5px;letter-spacing:.16em;color:var(--ai);font-weight:600;margin:0 0 4px}.login-title{font-family:var(--sans);font-size:25px;font-weight:700;margin:0 0 8px}.login-sub{font-size:12px;color:var(--ink-soft);line-height:1.8;margin:0 0 18px}.login-box .flabel{display:block;font-size:12px;font-weight:600;margin:0 0 6px}.login-box .staff-input{margin-bottom:14px}.login-box .form-error{margin:0 0 12px}.login-note{font-size:11px;color:var(--ink-soft);line-height:1.7;margin:14px 0 0}.ip-now{font-size:12px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:11px 14px;margin:0 0 14px}.login-box .signout{margin-top:12px}.greeting-actions{display:inline-flex;gap:12px;flex-shrink:0}.ip-status{font-size:12.5px;line-height:1.8;padding:12px 15px;border-radius:16px;margin-bottom:12px;background:color-mix(in srgb,var(--moss) 9%,white);border:1px solid color-mix(in srgb,var(--moss) 25%,white);color:var(--ink-soft)}.ip-status strong{color:var(--moss)}.ip-status.on{background:color-mix(in srgb,var(--ai) 7%,white);border-color:color-mix(in srgb,var(--ai) 22%,white)}.ip-status.on strong{color:var(--ai)}.ip-badge{display:inline-block;font-size:10px;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:8px;vertical-align:1px}.ip-badge.ok{color:var(--moss);background:color-mix(in srgb,var(--moss) 12%,white)}.ip-badge.ng{color:var(--kaki);background:color-mix(in srgb,var(--kaki) 12%,white)}.ip-add{margin-top:10px}.ip-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;margin-bottom:8px}.ip-row-info{min-width:0}.ip-row-label{display:block;font-size:13px;font-weight:700}.ip-row-range{display:block;font-size:11px;color:var(--ink-soft);margin-top:2px}.ip-row-actions{display:inline-flex;gap:10px;flex-shrink:0}.ip-row-actions button{background:none;border:none;font-family:var(--sans);font-size:11px;color:var(--ai);text-decoration:underline;cursor:pointer}.ip-row-actions button.danger{color:var(--kaki)}.ip-row-actions button:disabled{opacity:.5;cursor:default}.greeting-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.greeting{font-size:12px;color:var(--ink-soft);margin-top:14px}.signout{background:none;border:none;font-family:var(--sans);font-size:11px;color:var(--ink-soft);text-decoration:underline;cursor:pointer;flex-shrink:0}.add-resident{width:100%;margin-top:16px;padding:13px;border:1.5px dashed color-mix(in srgb,var(--ai) 35%,white);border-radius:999px;background:none;color:var(--ai);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer}.field-row{display:flex;gap:12px}.field-row .field{flex:1}.resident-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.resident-row{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;text-align:left;font-family:var(--sans);width:100%}.resident-row .info{flex:1;min-width:0}.resident-row .name{font-family:var(--sans);font-size:15.5px;font-weight:700;display:block}.resident-row .meta{font-size:11px;color:var(--ink-soft);margin-top:2px;display:block}.resident-row .last{font-size:10.5px;color:var(--ink-soft);text-align:right;line-height:1.5;flex-shrink:0}.resident-row .last.warn{color:var(--kaki);font-weight:600}.home-hint{margin-top:18px;padding:13px 16px;border-radius:18px;background:color-mix(in srgb,var(--kaki) 6%,white);border:1px solid color-mix(in srgb,var(--kaki) 18%,white);font-size:12px;line-height:1.8;color:var(--ink-soft)}.home-hint strong{color:var(--kaki)}.backlink{background:none;border:none;font-family:var(--sans);color:var(--ai);font-size:12.5px;font-weight:600;padding:12px 0 0;cursor:pointer}.profile-head{display:flex;gap:14px;align-items:center;margin:10px 0 4px}.profile-head h1{margin:0}.profile-head .meta{font-size:12px;color:var(--ink-soft);margin:3px 0 0}.persona{margin:12px 0 14px;padding:15px 18px;font-family:var(--serif);font-size:13.5px;line-height:2;background:color-mix(in srgb,var(--ai) 5%,white);border:1px solid color-mix(in srgb,var(--ai) 14%,white);border-radius:20px;box-shadow:var(--shadow)}.persona .label{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;color:var(--ai);font-weight:600;margin-bottom:4px}.export-row{margin:0 0 14px}.export-btn{background:none;border:1px solid var(--line);border-radius:999px;font-family:var(--sans);font-size:11.5px;font-weight:600;color:var(--ai);padding:7px 14px;cursor:pointer}.export-btn:disabled{opacity:.6;cursor:default}.export-row .form-error{margin-top:8px}.ptabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;position:sticky;top:0;background:var(--washi);z-index:2}.ptabs button{background:none;border:none;border-bottom:2px solid transparent;font-family:var(--sans);font-size:12.5px;color:var(--ink-soft);padding:8px 10px;cursor:pointer}.ptabs button.on{color:var(--ai);font-weight:600;border-bottom-color:var(--ai)}.era{margin-bottom:18px}.era-label{display:flex;align-items:center;gap:10px;margin-bottom:10px}.era-label .era-name{font-family:var(--serif);font-size:13px;font-weight:600;color:var(--ai);white-space:nowrap}.era-label .era-sub{font-size:10.5px;color:var(--ink-soft);white-space:nowrap}.era-label:after{content:"";flex:1;height:1px;background:var(--line)}.entry{padding:13px 15px;margin-bottom:9px;margin-left:10px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:4px 16px 16px 4px;background:var(--paper);box-shadow:var(--shadow)}.entry .quote{font-family:var(--serif);font-size:13.5px;line-height:1.95;margin:6px 0 8px}.entry .meta{font-size:10.5px;color:var(--ink-soft);margin:0}.entry-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.entry-actions{display:inline-flex;gap:10px}.entry-actions button{background:none;border:none;font-family:var(--sans);font-size:10.5px;color:var(--ai);text-decoration:underline;cursor:pointer;padding:2px}.entry-actions button.danger{color:var(--kaki)}.entry.feel{border-left-color:color-mix(in srgb,var(--kaki) 45%,white)}.entry-photos{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.entry-photos img{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.feel-note{font-size:11.5px;color:var(--ink-soft);line-height:1.7;margin-bottom:12px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--paper)}.photo img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.photo .cap{font-size:10.5px;color:var(--ink-soft);padding:7px 9px;line-height:1.5}.field{margin-bottom:16px}.field>.flabel{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.who-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.who{background:none;border:none;font-family:var(--sans);display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font-size:10.5px;color:var(--ink-soft);flex-shrink:0}.who .avatar{border:2px solid transparent}.who.sel{color:var(--ai);font-weight:600}.who.sel .avatar{border-color:var(--ai);background:color-mix(in srgb,var(--ai) 20%,white)}.cat-row{display:flex;flex-wrap:wrap;gap:7px}.cat-row .chip{cursor:pointer;opacity:.55}.cat-row .chip.sel{opacity:1;box-shadow:0 0 0 1.5px currentColor inset}select.when,.staff-input{width:100%;font-family:var(--sans);font-size:13.5px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.body-wrap{position:relative}textarea.body-input{width:100%;min-height:150px;font-family:var(--sans);font-size:14px;line-height:1.9;padding:13px 15px 44px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);resize:none;box-shadow:var(--shadow)}textarea.body-input::placeholder{color:#b4ac9e;font-family:var(--sans);font-size:12.5px}.mic{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--washi);color:var(--ai);cursor:pointer;display:flex;align-items:center;justify-content:center}.mic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}.mic.rec{background:var(--kaki);border-color:var(--kaki);color:#fff;animation:pulse 1.2s ease infinite}@keyframes pulse{0%,to{box-shadow:0 0 #c0603a59}50%{box-shadow:0 0 0 8px #c0603a00}}@media (prefers-reduced-motion: reduce){.mic.rec{animation:none}}.rec-hint{font-size:11px;color:var(--kaki);margin-top:6px}.photo-add-row{display:flex;gap:8px;flex-wrap:wrap}.photo-add{width:72px;height:72px;border:1.5px dashed color-mix(in srgb,var(--ink-soft) 35%,white);border-radius:16px;background:none;color:var(--ink-soft);font-family:var(--sans);font-size:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.photo-add svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}.photo-thumb{position:relative;width:72px;height:72px;border-radius:16px;border:1px solid var(--line);overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-del{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#2a2926a6;color:#fff;font-size:12px;line-height:1;cursor:pointer}.form-error{font-size:12px;color:var(--kaki);background:color-mix(in srgb,var(--kaki) 7%,white);border:1px solid color-mix(in srgb,var(--kaki) 25%,white);border-radius:10px;padding:9px 12px}.save{width:100%;padding:15px;border:none;border-radius:999px;background:linear-gradient(150deg,#5C77A3,var(--ai));color:#fff;font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.06em;cursor:pointer;margin-top:4px;box-shadow:0 4px 14px #46618c40}.save:disabled{opacity:.6;cursor:default}.save:active:not(:disabled){transform:translateY(1px)}.searchbox{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:12px 18px;margin:6px 0 16px;box-shadow:var(--shadow)}.searchbox svg{width:17px;height:17px;stroke:var(--ink-soft);fill:none;stroke-width:1.8;flex-shrink:0}.searchbox input{border:none;background:none;font-family:var(--sans);font-size:13.5px;color:var(--ink);width:100%}.searchbox input:focus{outline:none}.result-count{font-size:11.5px;color:var(--ink-soft);margin-bottom:10px}mark{background:color-mix(in srgb,var(--amber) 25%,white);padding:0 2px;border-radius:3px;color:var(--ink)}.result-count mark{font-weight:600;padding:0 3px}.sresult{display:block;width:100%;text-align:left;padding:12px 14px;margin-bottom:8px;cursor:pointer;font-family:var(--sans)}.sresult .sname{font-family:var(--sans);font-size:13px;font-weight:700;margin:0 0 4px}.sresult .squote{font-family:var(--serif);font-size:13px;line-height:1.9;margin:0}.sresult .meta{font-size:10.5px;color:var(--ink-soft);margin:5px 0 0}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%) translateY(10px);background:var(--ink);color:#fff;font-size:12.5px;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap;z-index:10}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}