.utility-menu-button{position:relative;flex:none;width:36px;height:34px;border:1px solid #3b4143;border-radius:5px;background:#181b1c;color:#e4e7e7;font-size:20px;line-height:1}.utility-menu-button:hover{border-color:#70551f;color:var(--accent)}.utility-menu-button .utility-dot{position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #181b1c}.utility-drawer-shade{position:fixed;inset:0;z-index:299;background:#000a;opacity:0;pointer-events:none;transition:.2s}.utility-drawer-shade.open{opacity:1;pointer-events:auto}.utility-drawer{position:fixed;left:0;top:0;z-index:300;width:min(340px,88vw);height:100dvh;padding:18px;background:#151819;color:var(--text);border-right:1px solid #343a3c;box-shadow:14px 0 38px #000b;transform:translateX(-105%);transition:transform .22s ease}.utility-drawer.open{transform:none}.utility-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #343a3c}.utility-drawer-head img{width:185px;max-height:55px;object-fit:contain;object-position:left;pointer-events:none}.utility-drawer-nav{display:grid;gap:6px;padding-top:18px}.utility-drawer-nav button{display:flex;align-items:center;justify-content:space-between;min-height:48px;border:0;border-radius:6px;background:transparent;color:var(--text);padding:0 12px;text-align:left;font-size:15px;font-weight:750}.utility-drawer-nav button:hover{background:#202526;color:var(--accent)}.utility-drawer-nav .utility-settings-link{margin-top:12px;border-top:1px solid #343a3c;border-radius:0}.utility-badge{min-width:22px;padding:3px 6px;border-radius:999px;background:#704b16;color:#ffd27a;text-align:center;font-size:11px}.utility-sheet{width:100%;max-width:1100px;margin:auto;padding:24px}.utility-title{margin-bottom:20px}.utility-title h1{margin:0;font-size:25px}.utility-title small{display:block;margin-top:5px;color:var(--muted)}.note-sheet{border-top:1px solid var(--line)}.nawa-row{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:58px;border-bottom:1px solid var(--line)}.utility-check{width:28px;height:28px;border:1px solid #75602f;border-radius:50%;background:#221e15;color:transparent;font-size:17px}.utility-check:hover{border-color:var(--accent);color:var(--accent)}.utility-line-input{width:100%;min-height:56px;border:0!important;background:transparent!important;color:var(--text)!important;padding:8px 4px!important;font-size:17px!important;outline:0}.utility-line-input::placeholder{color:var(--muted)}.reminder-add{display:grid;grid-template-columns:170px minmax(220px,1fr) auto;gap:8px;margin-bottom:16px}.reminder-add input{height:42px;border:1px solid var(--line);border-radius:5px;background:#101314;color:var(--text);padding:0 10px;font-size:15px}.reminder-add button{border:0;border-radius:5px;background:var(--accent);color:#17130b;padding:0 17px;font-weight:850}.reminder-head,.reminder-row{display:grid;grid-template-columns:150px minmax(220px,1fr) 46px;gap:12px;align-items:center}.reminder-head{padding:8px 5px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:850}.reminder-row{min-height:60px;border-bottom:1px solid var(--line)}.reminder-row input{width:100%;border:0;background:transparent;color:var(--text);outline:0}.reminder-row input[type=date]{height:39px;font-size:14px}.reminder-row input[type=text]{min-height:48px;font-size:16px}.utility-empty{padding:28px 5px;color:var(--muted)}.reminder-alert{width:min(600px,calc(100% - 20px))}.reminder-alert-body{padding:18px;max-height:65vh;overflow:auto}.reminder-alert-body>p{margin-top:0;color:var(--muted)}.reminder-alert-group{margin-top:15px}.reminder-alert-group h3{font-size:11px;letter-spacing:.08em;color:var(--accent)}.reminder-alert-group div{padding:8px 0;border-bottom:1px solid var(--line)}.reminder-alert-group small{display:block;margin-top:3px;color:var(--muted)}html[data-theme=light] .utility-menu-button,html[data-theme=light] .utility-drawer{background:#f4f0e7;color:#25292a;border-color:#c6c0b5}html[data-theme=light] .utility-menu-button .utility-dot{box-shadow:0 0 0 2px #f4f0e7}html[data-theme=light] .utility-drawer-head,html[data-theme=light] .utility-drawer-nav .utility-settings-link,html[data-theme=light] .nawa-row,html[data-theme=light] .reminder-head,html[data-theme=light] .reminder-row{border-color:#d2ccc0}html[data-theme=light] .utility-drawer-nav button:hover{background:#e8e2d7}html[data-theme=light] .reminder-add input{background:#fff;color:#25292a}@media(max-width:620px){.utility-menu-button{grid-column:1;grid-row:1;width:34px}.utility-sheet{padding:15px 12px}.reminder-add{grid-template-columns:130px 1fr}.reminder-add button{grid-column:1/-1;height:40px}.reminder-head{display:none}.reminder-row{grid-template-columns:1fr 42px;gap:4px;padding:10px 0}.reminder-row input[type=date]{grid-column:1}.reminder-row input[type=text]{grid-column:1;grid-row:2}.reminder-row .utility-check{grid-column:2;grid-row:1/3}.nawa-row{grid-template-columns:38px 1fr}.utility-line-input{font-size:16px!important}.reminder-alert{width:100%;max-height:100%;border-radius:0}}