*{box-sizing:border-box} :root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#efeff2;background:#0b0b0c}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px;padding:8px 12px;border-radius:12px}button:hover{background:#ffffff0d}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #b7cda5;outline-offset:3px}a{color:inherit;text-decoration:none}h2,p{margin:0}h2{font-size:16px;font-weight:600}small{color:#a9acb4;font-size:12px;margin-left:8px}[v-cloak]{display:none}#p5-background{position:fixed;inset:0;pointer-events:none;z-index:-1}#p5-background canvas{display:block}#boot-message{padding:40px;text-align:center}.top-header{max-width:720px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid #242427}.app-title{font-weight:700;font-size:18px;letter-spacing:-.6px}.app-title span{font-weight:400;color:#b0b0b7;font-size:14px}.main-container{max-width:680px;margin:auto;padding:14px 20px calc(24px + env(safe-area-inset-bottom))}.status{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9d9da6}.status button{font-size:12px;color:#c4d7b7}.offline{color:#e0bc8d}.date-section{padding:26px 0}.date-row{display:flex;align-items:center;justify-content:space-between}.date-row label{display:grid;text-align:center;gap:8px}.eyebrow{font-size:10px;letter-spacing:3px;color:#8c9a83}.date-row input{font-weight:650;font-size:23px;padding:4px;border:0;background:none;width:210px}.date-section p{margin-top:24px;font-size:19px;line-height:1.8}.date-section p .muted{font-size:13px}.muted{color:#a1a1ab}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.dashboard-card{display:flex;align-items:center;flex-direction:column;background:#19191cd9;border:1px solid #2d2d32;min-height:130px;padding:16px 6px;gap:8px}.card-icon{font-size:27px;color:#b9cbb0}.card-title{font-size:14px;font-weight:600}.card-value{font-size:12px;color:#a6a6b0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{background:#151517de;border:1px solid #29292e;border-radius:18px;padding:14px 16px;margin-bottom:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.empty-message{text-align:center;color:#85858f;font-size:13px;line-height:1.9;padding:26px 0}.record{display:flex;align-items:center;border-top:1px solid #2b2b30;gap:3px;padding:5px 0}.record-body{flex:1;text-align:left;overflow-wrap:anywhere;min-width:0}.todo-check{color:#bfd5ac;font-size:22px}.completed{text-decoration:line-through;color:#777780}.memo{width:100%;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;color:#b8b8c0;padding:15px 0;max-height:300px;overflow:auto}.shortcuts{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:8px;padding:6px 0}.shortcuts a{padding:15px 8px}footer{text-align:center;margin:28px 0 10px;color:#777781;font-size:12px;line-height:2}footer span{font-size:10px}dialog{padding:0;border:1px solid #393940;border-radius:22px;background:#19191d;color:#eee;width:calc(100% - 24px);max-width:520px;max-height:85dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.sheet{padding:20px}.sheet .panel-header{margin-bottom:16px}.sheet p{line-height:1.8;font-size:13px;margin-bottom:14px}.sheet label{display:grid;gap:9px;font-size:13px;margin:16px 0}.sheet input:not([type=checkbox]),.sheet select,.sheet textarea{width:100%;border:1px solid #41414a;border-radius:10px;background:#101013;color:#eee;padding:13px;font-size:16px}.sheet textarea{resize:vertical}.sheet .check-label{display:flex;align-items:center}.primary{background:#c1d3b3;color:#172111;width:100%;font-weight:700;margin:12px 0}.primary:hover{background:#d3e4c7}.menu-list{display:grid}.menu-list button{text-align:left}.error{background:#412128;border-radius:10px;padding:12px;color:#ffbdc7;font-size:13px;margin:10px 0}.notice{background:#303529;border-radius:12px;padding:12px;font-size:13px}.toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#e2e8dc;color:#172111;padding:13px 20px;border-radius:12px;max-width:90%;width:max-content;z-index:100;font-size:13px;box-shadow:0 6px 40px #0008}@media(min-width:700px){.dashboard-card{min-height:145px}.main-container{padding-top:22px}.date-section{padding-top:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}