:root{color:#17221d;font-synthesis:none;text-rendering:optimizelegibility;background:#edf0e9;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{background:#edf0e9;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #d5792b}button:disabled{cursor:not-allowed}.startup-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.startup-card{background:#fffefa;border:1px solid #cbd1c8;border-radius:20px;width:min(100%,560px);padding:clamp(24px,7vw,48px);box-shadow:0 16px 48px #1e30271a}.startup-card h1{margin:8px 0 16px;font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.2}.startup-card p:last-child{color:#526159;margin:0;line-height:1.7}.logging-shell{width:min(100%,1020px);min-height:100vh;margin:0 auto;padding:18px 12px 40px}.app-header{flex-direction:column;gap:14px;padding:10px 4px 18px;display:flex}.app-kicker,.section-kicker{color:#557062;letter-spacing:.15em;margin:0;font-size:.7rem;font-weight:800}.app-header h1{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(1.65rem,8vw,2.6rem);line-height:1.1}.privacy-note{color:#405249;background:#fffefabf;border:1px solid #c7d1c9;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin:0;padding:8px 11px;font-size:.78rem;font-weight:650;display:flex}.privacy-dot{background:#327454;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #d7e8de}.feedback-region{min-height:0}.feedback-message{border:1px solid;border-radius:12px;margin:0 0 12px;padding:11px 14px;font-size:.92rem;font-weight:700;line-height:1.45}.feedback-success{color:#194f35;background:#e0f1e7;border-color:#9abca8}.feedback-error,.inline-error{color:#7c241c;background:#fff0ed;border-color:#d8a29b}.logging-grid{gap:14px;display:grid}.log-card{background:#fffefa;border:1px solid #cbd1c8;border-radius:18px;min-width:0;padding:18px 16px;box-shadow:0 10px 30px #1e302714}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-heading h2{margin:4px 0 0;font-size:1.35rem;line-height:1.2}.compact-heading{margin-bottom:13px}.step-hint{color:#5c675f;background:#eef0eb;border-radius:7px;flex:none;padding:5px 8px;font-size:.72rem;font-weight:750}.rating-stack{gap:15px;display:grid}.rating-group{border:0;min-width:0;margin:0;padding:0}.rating-group legend{margin-bottom:7px;padding:0;font-size:.85rem;font-weight:800}.rating-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.rating-button{color:#26362e;cursor:pointer;background:#f8f8f4;border:1px solid #bbc3bc;border-radius:11px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:48px;padding:9px 6px;font-size:.9rem;font-weight:720;display:flex;position:relative}.rating-button[aria-pressed=true]{color:#123e2a;background:#dcece2;border-color:#245d43;box-shadow:inset 0 0 0 1px #245d43}.selected-mark{color:#fff;background:0 0;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.7rem;line-height:1;display:inline-grid}.rating-button[aria-pressed=true] .selected-mark{background:#245d43}.rating-group:disabled .rating-button,.note-toggle:disabled,.primary-action:disabled,.nap-button:disabled,.secondary-action:disabled{opacity:.56}.optional-note{border-top:1px solid #e1e4df;margin-top:17px;padding-top:12px}.note-toggle{color:#315c48;cursor:pointer;background:0 0;border:0;min-height:44px;padding:6px 2px;font-size:.88rem;font-weight:750}.note-panel{margin-top:7px}.note-panel label{margin-bottom:7px;font-size:.84rem;font-weight:750;display:block}.note-panel textarea{resize:vertical;color:#17221d;background:#fff;border:1px solid #aeb9b1;border-radius:10px;width:100%;min-height:104px;padding:11px;line-height:1.55;display:block}.primary-action{color:#fff;cursor:pointer;background:#245d43;border:1px solid #173d2a;border-radius:12px;width:100%;min-height:52px;margin-top:15px;padding:11px 16px;font-weight:800;box-shadow:0 5px #173d2a}.primary-action:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #173d2a}.primary-action:disabled{background:#7c8880;border-color:#7c8880;box-shadow:0 4px #626d66}.card-description{color:#5a655f;margin:-7px 0 15px;font-size:.88rem;line-height:1.55}.inline-state,.inline-error{border-radius:10px;margin:0;padding:13px;font-size:.87rem;line-height:1.55}.inline-state{color:#5a655f;background:#f1f2ee}.inline-error{border:1px solid #d8a29b}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.event-button{color:#25362d;text-align:left;cursor:pointer;background:#f7f7f2;border:1px solid #b7c0b9;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;min-height:70px;padding:11px 10px;display:grid;position:relative;overflow:hidden}.event-button:active{background:#dcece2;border-color:#245d43}.event-label{overflow-wrap:anywhere;grid-area:1/1;min-width:0;font-size:.88rem;font-weight:750}.event-count{color:#466052;grid-area:2/1;font-size:.76rem;font-weight:800}.event-add{color:#fff;background:#315e49;border-radius:9px;grid-area:1/2/span 2;place-items:center;width:31px;height:31px;font-size:.78rem;font-weight:850;display:grid}.pending-label{color:#557062;grid-column:1/-1;font-size:.7rem;font-weight:750}.nap-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nap-button,.secondary-action{color:#25362d;cursor:pointer;background:#f7f7f2;border:1px solid #b7c0b9;border-radius:11px;min-height:48px;font-weight:780}.custom-nap{border-top:1px solid #e1e4df;margin-top:13px;padding-top:13px}.custom-nap label,.date-time-field span{margin-bottom:7px;font-size:.84rem;font-weight:750;display:block}.custom-nap-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.custom-nap input,.date-time-field input{color:#17221d;background:#fff;border:1px solid #aeb9b1;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:9px 10px;display:block}.custom-nap input{max-width:11rem}.secondary-action{color:#fff;background:#315e49;border-color:#315e49;padding:9px 18px}.sleep-time-grid,.sleep-rating-grid{gap:14px;display:grid}.sleep-time-grid+.inline-error{margin-top:10px}.sleep-rating-grid{margin-top:18px}.duration-preview{background:#f3f4ef;border:1px solid #d4d9d2;border-radius:11px;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;padding:13px 14px;display:flex}.duration-preview span{color:#58645d;font-size:.84rem;font-weight:750}.duration-preview strong{font-size:1.15rem}.data-management{margin-top:14px;padding:0;overflow:hidden}.data-management-toggle{color:#294738;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 16px;font-weight:800;display:flex}.data-management-panel{border-top:1px solid #e1e4df;padding:0 16px 18px}.data-privacy-copy,.data-help{color:#58645d;font-size:.84rem;line-height:1.6}.data-privacy-copy{margin:15px 0 12px}.data-help{margin:8px 0 0}.data-action,.danger-action,.cancel-action{cursor:pointer;border-radius:10px;min-height:46px;padding:9px 14px;font-weight:780}.data-action{color:#fff;background:#315e49;border:1px solid #315e49;width:100%}.data-action:disabled,.danger-action:disabled,.cancel-action:disabled{opacity:.56}.restore-section{border-top:1px solid #e1e4df;margin-top:18px;padding-top:16px}.restore-section h3{margin:0 0 12px;font-size:1rem}.backup-file-label{margin-bottom:7px;font-size:.84rem;font-weight:750;display:block}.restore-section input[type=file]{color:#526159;width:100%;min-width:0;font-size:.82rem;display:block}.restore-section input[type=file]::file-selector-button{color:#25362d;background:#f7f7f2;border:1px solid #b7c0b9;border-radius:9px;min-height:42px;margin-right:9px;padding:8px 11px;font-weight:750}.restore-confirmation{background:#fff8ed;border:1px solid #d7b68d;border-radius:12px;margin-top:14px;padding:14px}.validation-title,.replace-warning{margin:0;font-weight:780;line-height:1.55}.backup-counts{color:#4d5d54;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:11px 0;padding:0;font-size:.84rem;list-style:none;display:grid}.replace-warning{color:#6d3818;font-size:.88rem}.restore-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.danger-action{color:#fff;background:#a34b39;border:1px solid #8a3e2f}.cancel-action{color:#25362d;background:#f7f7f2;border:1px solid #b7c0b9}.data-status{min-height:0}.data-status p{color:#405249;background:#eef1ec;border-radius:9px;margin:12px 0 0;padding:10px 12px;font-size:.84rem;font-weight:720}.data-status p[role=alert]{color:#7c241c;background:#fff0ed}@media (hover:hover){.rating-button:hover:not(:disabled),.event-button:hover,.nap-button:hover:not(:disabled){background:#edf3ee;border-color:#557565}.secondary-action:hover:not(:disabled){background:#244e3a}.note-toggle:hover:not(:disabled){text-underline-offset:4px;text-decoration:underline}}@media (width>=560px){.logging-shell{padding:28px 20px 56px}.app-header{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:10px 4px 22px}.privacy-note{align-self:auto}.log-card{padding:22px}.rating-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nap-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.sleep-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=860px){.logging-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-areas:"check-in events""check-in nap""sleep sleep";align-items:start}.check-in-card{grid-area:check-in}.event-card{grid-area:events}.nap-card{grid-area:nap}.sleep-card{grid-area:sleep}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sleep-rating-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}