:root{color:#302a25;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f7f3ec;--surface:#fffdf9;--surface-muted:#efe8dd;--text:#302a25;--muted:#6d6258;--border:#d8cfc2;--primary:#50624d;--primary-hover:#3f503c;--accent:#8a5b35;--success:#3f6b4f;--warning:#7b5518;--danger:#963f3f;--focus:#246a73;--blue:#355f74;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 2px 14px #3f322614;background:#f7f3ec;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 90% 0, #8a5b350d, transparent 34rem), var(--bg);min-width:320px;min-height:100vh;margin:0;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-underline-offset:.18em}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.01em;margin-bottom:.35rem;font-family:Georgia,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(1.65rem,6vw,2.15rem);line-height:1.3}h2{margin-bottom:.75rem;font-size:1.15rem;line-height:1.4}h3{margin-bottom:.35rem;font-size:1rem;line-height:1.45}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--text);color:#fff;padding:.6rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.fatal-error{background:var(--bg);place-items:center;min-height:100vh;padding:1.25rem;display:grid}.fatal-error__panel{text-align:center;width:min(100%,40rem)}.fatal-error__mark{margin-bottom:.5rem;font-size:2rem;display:block}.fatal-error__panel .form-actions{justify-content:center}.app-shell{min-height:100vh}.sidebar{display:none}.app-content{min-width:0}.mobile-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3eceb;border-bottom:1px solid #d8cfc2bf;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;min-height:58px;padding:.5rem 1rem;display:grid;position:sticky;top:0}.brand__mark{background:#e9dfd2;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid}.mobile-header__add{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.4rem;text-decoration:none;display:grid}.main-content{width:min(100%,1280px);padding:1.25rem 1rem calc(6.75rem + env(safe-area-inset-bottom));margin:0 auto}.mobile-nav{z-index:30;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #3f322612}.mobile-nav__link{border-radius:var(--radius-sm);min-height:3.4rem;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.05rem;font-size:.72rem;text-decoration:none;display:flex}.mobile-nav__link>span:first-child{font-size:1.25rem;line-height:1.2}.mobile-nav__link.is-active{color:var(--primary-hover);background:#e9eee7;font-weight:700}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.35rem;display:flex}.page-header>div:first-child{max-width:46rem}.page-description{color:var(--muted);margin-bottom:0}.page-header__action{flex:none}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:800}.button{border:1px solid var(--primary);background:var(--primary);color:#fff;text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-height:44px;padding:.62rem 1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.button:hover{background:var(--primary-hover)}.button:active{transform:translateY(1px)}.button--secondary{color:var(--text);background:#f0e7db;border-color:#b7a58e}.button--secondary:hover{background:#e7dacb}.button--ghost{border-color:var(--border);color:var(--text);background:0 0}.button--ghost:hover{background:var(--surface-muted)}.button--danger{border-color:var(--danger);background:var(--danger)}.button--danger:hover{background:#7f3030}.button--small{min-height:38px;padding:.45rem .8rem;font-size:.9rem}.text-button{min-height:44px;color:var(--primary);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.4rem .25rem;font-weight:700;text-decoration:underline}.danger-link{color:var(--danger)}.panel,.entity-card,.stat-card,.welcome-card,.record-hub__link{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.panel{min-width:0;padding:1rem}.panel+.panel{margin-top:1rem}.section-heading{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.section-heading h2{margin-bottom:0}.card-grid{gap:.8rem;display:grid}.card-grid--two,.card-grid--three{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.stat-card{min-width:0;padding:.9rem}.stat-card p{color:var(--muted);margin-bottom:.15rem;font-size:.78rem;font-weight:700}.stat-card strong{overflow-wrap:anywhere;font-size:clamp(1.25rem,5vw,1.7rem);line-height:1.35;display:block}.stat-card small{color:var(--muted);margin-top:.25rem;display:block}.stat-card--income{border-top:3px solid var(--success)}.stat-card--expense{border-top:3px solid var(--accent)}.stat-card--accent{border-top:3px solid var(--blue)}.entity-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.entity-card{padding:1rem;position:relative}.entity-card__head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.entity-card__head>:first-child{min-width:0}.entity-card__title{color:var(--text);overflow-wrap:anywhere;font-size:1.03rem;font-weight:800;text-decoration:none}.entity-card__title:hover{color:var(--primary);text-decoration:underline}.entity-card__meta{color:var(--muted);flex-wrap:wrap;gap:.35rem .7rem;margin:.6rem 0 0;font-size:.86rem;display:flex}.entity-card__description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.65rem 0 0;font-size:.92rem;display:-webkit-box;overflow:hidden}.entity-card__actions{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.project-title{align-items:center;gap:.55rem;display:flex}.color-dot{background:var(--dot-color,var(--primary));border:2px solid #302a252e;border-radius:50%;flex:none;width:.8rem;height:.8rem;display:inline-block}.badge{color:#514a43;white-space:nowrap;background:#ece7df;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.badge--green{color:#30523c;background:#e2ece2}.badge--amber{color:#694710;background:#f4e8cf}.badge--red{color:#7d3030;background:#f4dddd}.badge--blue{color:#2c5668;background:#ddebf1}.filters{border:1px solid var(--border);border-radius:var(--radius-md);background:#fffdf9a6;gap:.7rem;margin-bottom:1rem;padding:.9rem;display:grid}.filters label{color:var(--muted);gap:.25rem;font-size:.78rem;font-weight:700;display:grid}.filters__actions{align-items:end;display:flex}.form-page{max-width:720px;margin:0 auto}.form-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:1rem}.form-grid{gap:1rem;display:grid}.form-grid--two{grid-template-columns:1fr}.field{min-width:0}.field>label,.field-label{margin-bottom:.35rem;font-weight:750;display:block}.required-label,.optional-label{margin-left:.35rem;font-size:.68rem;font-weight:800}.required-label{color:var(--danger)}.optional-label{color:var(--muted)}input,select,textarea{border-radius:var(--radius-sm);width:100%;min-height:46px;color:var(--text);background:#fffefa;border:1px solid #bfb5a8;padding:.62rem .75rem}textarea{resize:vertical;min-height:6.5rem}input[type=color]{width:4.5rem;padding:.25rem}input[type=radio],input[type=checkbox]{width:1.15rem;min-height:auto;accent-color:var(--primary)}input:focus,select:focus,textarea:focus{border-color:var(--focus);outline:3px solid #246a7338}[aria-invalid=true]{border-color:var(--danger)}.field-hint,.field-error{margin:.3rem 0 0;font-size:.78rem}.field-hint{color:var(--muted)}.field-error{color:var(--danger);font-weight:700}.radio-group{flex-wrap:wrap;gap:.55rem;display:flex}.radio-option{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fffefa;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .75rem;display:flex}.quick-durations{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.quick-durations button{border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;border-radius:999px;min-height:38px;padding:.35rem .65rem}.form-actions{bottom:calc(4.7rem + env(safe-area-inset-bottom));z-index:10;border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9f0;justify-content:flex-end;gap:.65rem;margin:1.25rem -.25rem -.25rem;padding:.75rem;display:flex;position:sticky}.danger-zone{border-radius:var(--radius-md);background:#fff8f7;border:1px solid #dfbaba;margin-top:1.5rem;padding:1rem}.danger-zone h2{color:var(--danger)}.empty-state{border-radius:var(--radius-lg);text-align:center;background:#fffdf9a6;border:1px dashed #c9bcaa;padding:2.2rem 1rem}.empty-state__mark{background:var(--surface-muted);border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;margin:0 auto .8rem;font-size:1.45rem;display:grid}.empty-state h2{margin-bottom:.35rem}.empty-state p{max-width:34rem;color:var(--muted);margin-bottom:1rem;margin-left:auto;margin-right:auto}.welcome-card{background:linear-gradient(145deg,#fffdf9,#f0e8dc);padding:1.25rem}.welcome-card__actions{flex-wrap:wrap;gap:.65rem;display:flex}.welcome-card__note{color:var(--muted);margin:.8rem 0 0;font-size:.82rem}.dashboard-grid{gap:1rem;display:grid}.dashboard-grid .panel{margin-top:0}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid #ded5c9;padding:0 0 1rem 1.25rem;position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li:before{border:2px solid var(--surface);background:var(--accent);content:"";border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:.35rem;left:-.42rem}.timeline time{color:var(--muted);font-size:.75rem;display:block}.timeline p{margin-bottom:.2rem}.compact-list{margin:0;padding:0;list-style:none}.compact-list li{border-bottom:1px solid #ebe4da;padding:.7rem 0}.compact-list li:first-child{padding-top:0}.compact-list li:last-child{border-bottom:0;padding-bottom:0}.compact-list__row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.compact-list small{color:var(--muted)}.bar-list{gap:.7rem;display:grid}.bar-list__item{grid-template-columns:minmax(5rem,1fr) auto;align-items:center;gap:.25rem .7rem;display:grid}.bar-list__track{background:#e9e2d8;border-radius:999px;grid-column:1/-1;height:.52rem;overflow:hidden}.bar-list__track span{border-radius:inherit;background:var(--bar-color,var(--primary));min-width:2px;height:100%;display:block}.progress{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.78rem;display:grid}.progress__track{background:#e9e2d8;border-radius:999px;height:.55rem;overflow:hidden}.progress__track span{border-radius:inherit;background:var(--primary);height:100%;display:block}.streak{grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:.7rem;display:grid}.streak__day{min-width:0;color:var(--muted);place-items:center;gap:.2rem;font-size:.68rem;display:grid}.streak__dot{border:1px solid var(--border);width:2rem;height:2rem;color:var(--muted);background:#eee8df;border-radius:50%;place-items:center;display:grid}.streak__dot.is-active{color:var(--success);background:#dce8dc;border-color:#91a28e;font-weight:800}.project-hero{border:1px solid var(--border);border-left:6px solid var(--project-color,var(--primary));border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);margin-bottom:1rem;padding:1.15rem}.project-hero__top{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.project-hero__meta{color:var(--muted);flex-wrap:wrap;gap:.4rem .8rem;font-size:.88rem;display:flex}.project-sections{gap:1rem;display:grid}.detail-list{gap:.55rem;margin:0;display:grid}.detail-list div{border-bottom:1px solid #ebe4da;grid-template-columns:minmax(6rem,.7fr) 1.3fr;gap:.7rem;padding-bottom:.45rem;display:grid}.detail-list dt{color:var(--muted)}.detail-list dd{overflow-wrap:anywhere;margin:0}.record-hub{gap:.8rem;display:grid}.record-hub__link{min-height:5.2rem;color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;text-decoration:none;display:grid}.record-hub__link:hover{border-color:#a89884;transform:translateY(-1px)}.record-hub__icon{border-radius:var(--radius-md);background:var(--surface-muted);place-items:center;width:2.7rem;height:2.7rem;font-size:1.25rem;display:grid}.record-hub__link p{color:var(--muted);margin-bottom:0;font-size:.84rem}.summary-table{border-collapse:collapse;width:100%;font-size:.9rem}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.table-scroll .summary-table{min-width:31rem}.summary-table th,.summary-table td{text-align:right;border-bottom:1px solid #e6ded3;padding:.65rem .45rem}.summary-table th:first-child,.summary-table td:first-child{text-align:left}.summary-table th{color:var(--muted);font-size:.75rem}.amount--income{color:var(--success);font-weight:800}.amount--expense{color:var(--danger);font-weight:800}.dialog-backdrop{z-index:100;background:#241f1b94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(100%,31rem);padding:1.2rem;box-shadow:0 16px 50px #00000040}.dialog__description{color:var(--muted)}.dialog__description p:last-child{margin-bottom:0}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1.2rem;display:flex}.toast{right:1rem;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:80;border-radius:var(--radius-md);color:#fff;align-items:flex-start;gap:.75rem;max-width:min(30rem,100vw - 2rem);padding:.75rem 1rem;display:flex;position:fixed;box-shadow:0 8px 30px #00000029}.toast button{width:1.8rem;height:1.8rem;color:inherit;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;flex:none}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.toast--warning{background:var(--warning)}.toast--info{background:var(--blue)}.inline-notice{border-radius:var(--radius-sm);color:#5e4317;background:#fff4dc;border:1px solid #d3c3a4;padding:.75rem .9rem}.inline-notice--error{color:#772c2c;background:#fff0ef;border-color:#dfbaba}.data-actions{gap:.75rem;display:grid}.data-action{border-bottom:1px solid #ebe4da;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.data-action:last-child{border-bottom:0}.data-action p{color:var(--muted);margin-bottom:0;font-size:.86rem}.file-input{max-width:20rem}.file-picker:focus-within{outline:3px solid var(--focus);outline-offset:2px}.not-found{text-align:center;max-width:36rem;margin:10vh auto 0}.muted{color:var(--muted)}.no-margin{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.main-content{padding-left:1.5rem;padding-right:1.5rem}.card-grid--two,.form-grid--two,.card-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.form-card,.panel{padding:1.25rem}}@media (width>=900px){.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.dashboard-grid>.panel{grid-column:span 6}.dashboard-grid>.panel--wide{grid-column:span 8}.dashboard-grid>.panel--narrow{grid-column:span 4}.dashboard-grid>.panel--full{grid-column:1/-1}.project-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.project-sections>.panel--full{grid-column:1/-1}}@media (width>=1120px){.app-shell{grid-template-columns:248px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--border);background:#fffdf9b3;flex-direction:column;height:100vh;padding:1.35rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;padding:0 .4rem 1.2rem;display:flex}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.72rem}.sidebar__new{margin-bottom:1rem}.sidebar-nav{gap:.2rem;display:grid}.sidebar-nav__link{border-radius:var(--radius-sm);min-height:44px;color:var(--muted);align-items:center;gap:.7rem;padding:.55rem .75rem;text-decoration:none;display:flex}.sidebar-nav__link>span:first-child{text-align:center;width:1.35rem}.sidebar-nav__link:hover{background:var(--surface-muted);color:var(--text)}.sidebar-nav__link.is-active{color:var(--primary-hover);background:#e3e9e1;font-weight:800}.sidebar__note{color:var(--muted);margin:auto .35rem 0;font-size:.72rem}.mobile-header,.mobile-nav{display:none}.main-content{padding:2rem 2.25rem 4rem}.form-actions,.toast{bottom:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}