/* Scoped to the added screen/button. The original diary's styling is untouched. */
#openWakeGraph.wg-open{border:1.2px solid #647e50;background:#647e50;color:#fff;border-radius:9.6px;padding:10.8px 16.8px;font:700 18px/1.4 system-ui;cursor:pointer}
#openWakeGraph.wg-open:hover{background:#4c653c;border-color:#4c653c}
@media(max-width:900px){#openWakeGraph.wg-open{font-size:10.8px;padding:8.4px}}
.wg-active>.app-shell,.wg-active>#inkQuickControls{display:none!important}
#wakeScreen{--navy:#10144f;box-sizing:border-box;color:var(--navy);background:#fff;min-height:100dvh;padding:0 max(12px,env(safe-area-inset-right)) 22px max(12px,env(safe-area-inset-left));font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif}
#wakeScreen[hidden]{display:none}#wakeScreen *{box-sizing:border-box}#wakeScreen h1,#wakeScreen h2,#wakeScreen p{margin:0}#wakeScreen button,#wakeScreen input,#wakeScreen select,#wakeScreen textarea{font-family:inherit;font-size:16px;max-width:100%}
#wakeScreen button{cursor:pointer}#wakeScreen button:disabled{opacity:.45;cursor:default}#wakeScreen button:focus-visible,#wakeScreen summary:focus-visible,#wakeScreen input:focus-visible{outline:3px solid #185cff;outline-offset:2px}
.wg-wrap{max-width:1120px;margin:auto}.wg-titlebar{margin:0 -12px 12px;padding:19px 18px 17px;color:#fff;background:linear-gradient(115deg,#343d61,#141c42 55%,#515c7e);display:flex;align-items:center;gap:16px;border-bottom:3px solid #dadcf1}.wg-titlebar h1{font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:.08em;text-shadow:0 2px 0 #111644}.wg-titlebar button{background:transparent;color:white;border:0;font-size:32px;line-height:1;padding:0 7px}.wg-subtitle{font-size:13px;color:#535879;margin:7px 0!important}
.wg-periods{display:flex;border:1px solid #ff7777;border-radius:28px;overflow:hidden;background:#fff8f8}.wg-periods button{flex:1;min-width:0;white-space:nowrap;border:0;border-right:1px solid #ffb2b2;background:transparent;color:#10144f;font-weight:800;font-size:clamp(12px,1.8vw,21px)!important;padding:12px 2px}.wg-periods button:last-child{border:0}.wg-periods button[aria-pressed=true]{background:linear-gradient(#ffb877,#ff835f);color:white;text-shadow:0 1px 1px #b84418;border-radius:26px;box-shadow:inset 0 0 0 1px #ff664a}
.wg-date-nav{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;margin:12px 0}.wg-date-nav button{background:white;border:2px solid #687071;border-radius:24px;color:#121649;font-size:30px!important;line-height:1;width:44px;height:38px;padding:0}.wg-date-nav h2{font-size:clamp(15px,2.5vw,25px);line-height:1.5;text-align:center;font-weight:800;overflow-wrap:anywhere}.wg-options{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.wg-options label{font-size:13px;display:flex;align-items:center;gap:7px}.wg-options input{width:154px;padding:5px 7px;border:1px solid #c4c7d3;border-radius:7px;color:#151952;background:white}.wg-goal{background:#fff9f5;border:1px solid #ee8c78;border-radius:18px;color:#df2618;padding:6px 12px;font-size:14px!important;font-weight:700}
.wg-chart{width:100%;height:clamp(480px,73vh,850px);position:relative}.wg-chart>svg{width:100%;height:100%;display:block;overflow:visible}.wg-chart svg[data-tool]:not([data-tool=inspect]){touch-action:none}.wg-chart svg[data-tool=inspect]{touch-action:pan-y}.wg-chart circle[role=button]{cursor:pointer}.wg-chart .wg-annotation{cursor:move}.wg-chart .wg-tip{pointer-events:none}.wg-chart svg text{font-family:inherit}
.wg-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:9px}.wg-pencil{min-width:0;flex:1}.wg-pencil summary{font-size:21px;font-weight:800;cursor:pointer;border:2px solid #ff9a44;border-radius:24px;background:#fffdf0;list-style:none;display:flex;gap:8px;padding:9px 14px;align-items:center;width:max-content;max-width:100%}.wg-pencil summary::-webkit-details-marker{display:none}.wg-pencil summary:after{content:'▼';font-size:17px}.wg-pencil[open] summary:after{content:'▲'}.wg-pencil .wg-tools{padding:12px 0;display:flex;gap:9px;flex-wrap:wrap}.wg-tools label{display:flex;gap:6px;align-items:center;font-size:14px}.wg-tools select,.wg-tools input{padding:7px;border:1px solid #d1d1d8;border-radius:6px;background:#fff;color:#121649}.wg-tools button{border:1px solid #c9cbd5;border-radius:7px;background:white;color:#121649;padding:8px 11px}.wg-tools button[aria-pressed=true]{background:#e8eeff;border-color:#384bdf}.wg-tool-tip{font-size:13px;line-height:1.6;color:#585b70;width:100%}.wg-back{flex-shrink:0;border:2px solid #ff160d;background:white;border-radius:26px;color:#f11910;font-weight:800;font-size:clamp(16px,2.5vw,24px)!important;padding:10px 16px}.wg-save-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.wg-save-row button{background:#151e5b;color:white;border:0;border-radius:7px;padding:10px 14px}.wg-feedback{font-size:14px;line-height:1.5;white-space:pre-wrap}.wg-feedback[data-error=true]{color:#c02117;font-weight:700;background:#fff1eb;padding:10px;border:1px solid #f6b3a8;border-radius:6px}
.wg-data{margin-top:16px;border-top:1px solid #ddd;padding-top:12px;font-size:14px}.wg-data summary{cursor:pointer}.wg-data table{border-collapse:collapse;width:100%;margin:10px 0}.wg-data td,.wg-data th{padding:7px 12px;border-bottom:1px solid #ddd;text-align:left}.wg-data button{padding:6px 13px;background:white;border:1px solid #ccc;border-radius:5px;color:#13174b}.wg-data p{margin:9px 0!important}.wg-data-nav{display:flex;justify-content:space-between;align-items:center}
.wg-dialog{width:min(92vw,440px);max-height:85dvh;border:1px solid #bfc5d0;border-radius:16px;padding:22px;color:#171d50;box-shadow:0 10px 50px #0004}.wg-dialog::backdrop{background:#15213e66}.wg-dialog h2{font-size:22px;margin:0 0 16px}.wg-dialog label{display:block}.wg-dialog input,.wg-dialog textarea{display:block;width:100%;margin:8px 0 12px;padding:10px;font:inherit;border:1px solid #b6bed0;border-radius:7px}.wg-dialog button{padding:9px 13px;border:1px solid #b1b6cc;border-radius:7px;background:#fff;color:#13194e;font-size:16px}.wg-dialog button[type=submit]{background:#182059;color:white}.wg-dialog .wg-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.wg-dialog output{display:block;color:#b92316;white-space:pre-wrap}.wg-dialog p{font-size:14px;line-height:1.6}
@media(max-width:500px){.wg-options{gap:7px}.wg-periods{border-radius:16px}.wg-periods button{font-size:11px!important;padding:11px 1px}.wg-titlebar{padding:16px 12px}.wg-date-nav{gap:4px;grid-template-columns:34px 1fr 34px}.wg-date-nav button{width:34px;height:32px}.wg-date-nav h2{font-size:14px}.wg-pencil summary{font-size:18px;padding:8px 12px}.wg-back{padding:10px 12px}.wg-chart{height:clamp(460px,66vh,650px)}}
@media print{body.wg-active>.app-shell{display:none!important}#wakeScreen .wg-titlebar,#wakeScreen .wg-periods,#wakeScreen .wg-options,#wakeScreen .wg-footer,#wakeScreen .wg-save-row,#wakeScreen .wg-data{display:none!important}#wakeScreen .wg-chart{height:240mm}}

.wg-backups{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;font-size:14px}.wg-backups button,.wg-import{padding:8px 12px;border:1px solid #c9cbd5;border-radius:7px;background:#fff;color:#13194e}.wg-import{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wg-import input{max-width:230px;font-size:14px!important}.wg-feedback[data-error=true]{position:sticky;bottom:12px;z-index:4;box-shadow:0 2px 12px #0002}.wg-chart .wg-annotation{touch-action:none}@media print{.wg-backups{display:none!important}}