:root{--ink: #1a1a1a;--bg: #fff;--muted: #767676;--warn: #b00020;--accent-today: #2f9e44;--accent-over: #4263eb;--logout: #d94f2b;--seg-off: #ececec;--cal-line: #eee}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--bg)}#root{max-width:720px;margin:0 auto;padding:16px 16px 48px}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 40px}.logo-btn{border:none;background:none;padding:0;cursor:pointer}.logo-mark{height:44px;display:block}.menu-btn{border:none;background:none;font-size:1.5em;font-weight:800;padding:4px 8px}.menu-wrap{position:relative;top:-4px}.menu-wrap .menu-btn{position:relative;z-index:11}.menu-panel{position:absolute;top:-12px;right:-12px;z-index:10;width:230px;background:var(--bg);border:3px solid var(--ink);padding:56px 24px 24px 28px;display:grid;gap:14px;justify-items:start;overflow:hidden;max-width:48px;max-height:44px;visibility:hidden;transition:max-width .18s ease-out,max-height .3s ease-out,visibility 0s linear .3s}.menu-panel.open{max-width:230px;max-height:80vh;visibility:visible;transition:max-width .18s ease-out,max-height .3s ease-out,visibility 0s}.menu-panel .menu-item{opacity:0;transition:opacity .15s ease-out}.menu-panel.open .menu-item{opacity:1;transition:opacity .15s ease-out .26s}.menu-item{border:none;background:none;display:flex;align-items:center;gap:14px;padding:0;font-size:1.6em;font-weight:800;text-align:left}.menu-check{width:.85em;height:.85em;border:3px solid var(--ink);flex:none}.menu-check-on{background:var(--ink)}button{padding:8px 16px;border:2px solid var(--ink);border-radius:0;background:var(--bg);cursor:pointer;font:inherit;font-weight:500}input{padding:8px 4px;border:none;border-bottom:2px solid var(--ink);border-radius:0;background:none;font:inherit;min-width:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:2px solid var(--ink);border-radius:0;font:inherit;padding:8px 26px 8px 4px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%231a1a1a'/%3E%3C/svg%3E") no-repeat right 6px center;cursor:pointer}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border:2px solid var(--ink);border-radius:0;background:var(--bg);position:relative;cursor:pointer;transition:background .15s;margin:0;flex:none;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--ink);transition:left .15s,background .15s}.toggle:checked{background:var(--ink)}.toggle:checked:after{left:20px;background:var(--bg)}.toggle:disabled{opacity:.5}.card{padding:24px 0;margin:0;border-bottom:2px solid var(--ink)}.card:last-child{border-bottom:none}.card-head{display:flex;justify-content:space-between;align-items:center}.card p{margin:6px 0}.row{display:flex;gap:12px;align-items:center}.card .row+.row{margin-top:10px}.rest-toggle{margin-top:16px}.card+button{margin-top:24px}.row input[type=number],.unit{width:90px}.form-grid{display:grid;gap:10px;margin-bottom:12px}.form-grid label{display:grid;gap:4px;font-size:.9em}.quota{font-size:1.1em}.muted{color:var(--muted);font-size:.85em}.warn{color:var(--warn)}.cleared{font-size:.85em;color:var(--muted)}.rest-notice{color:var(--muted)}.weekdays{flex-wrap:wrap}.weekdays label{display:flex;align-items:center;gap:2px}.cycle-n{width:60px}.cal-nav{justify-content:space-between;margin-bottom:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-head{text-align:center;font-size:.8em;color:var(--muted)}.cal-day{padding:8px 0;border:1px solid var(--cal-line);position:relative}.cal-day.has-log:after{content:"";position:absolute;left:50%;bottom:3px;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:.5}.cal-rest{background:#f0f0f0;color:#999;text-decoration:line-through}.cal-today{border-color:var(--ink)}.gauge{display:flex;gap:1px;margin:8px 0}.seg{flex:1;height:12px;border-radius:1px;background:var(--seg-off);transition:background .4s}.seg-on{background:var(--ink)}.seg-today{background:var(--accent-today)}.seg-over{background:var(--accent-over)}.gauge-done .seg-on,.gauge-done .seg-today{background:var(--accent-today)}.gauge-over .seg-on,.gauge-over .seg-today,.gauge-over .seg-over{background:var(--accent-over)}.summary-block{margin-top:16px}.card .summary-label{margin:0 0 3px}.card .card-title{font-size:1.2em;font-weight:700;margin:0 0 10px}.summary-block .gauge{margin:0}.streak{color:var(--ink)}.timer-display{font-size:3em;text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 4px}.timer-chart{display:flex;align-items:flex-end;gap:2px;height:80px;margin:8px 0}.timer-bar{flex:1;min-height:2px;background:var(--ink)}.timer-bar.today{background:var(--accent-today)}.summary-row{font-size:.95em}.summary-done{text-decoration:line-through;color:var(--muted)}.session-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}.session-row{justify-content:space-between}.login{margin-top:24px}.login input[type=email]{flex:1}.logout{justify-content:flex-end;margin-top:16px}.logout button{border-color:var(--logout);color:var(--logout)}.legal-links{margin-top:24px}.legal-links a{color:inherit}