.hopper-home .app{max-width:1200px;padding:36px 40px 64px}
.hopper-home .hopper-header{height:72px;border:0;align-items:center;padding:0}
.hopper-brand{font:500 24px var(--sans);letter-spacing:-1px;color:var(--ink);text-decoration:none}
.hopper-header-tools{display:flex;align-items:center;gap:28px}
.hopper-account{font:11px var(--mono);color:var(--muted);text-decoration:none}
.hopper-account:hover{color:var(--ink)}
.hopper-header .appearance-bar{margin:0;padding:0;border:0}
.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:44px 0 22px}
.home-tool{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;min-width:184px;min-height:106px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:500 19px var(--sans);text-decoration:none;transition:background .15s;user-select:none;touch-action:manipulation}
.home-tool>span:last-child,a.home-tool>span{font:16px var(--mono);color:var(--muted)}
.home-tool:hover,.home-tool[aria-expanded="true"]{background:var(--idle)}
.hopper-home .session{display:flex;flex-direction:column}
.hopper-home .timer{overflow:hidden}
.hopper-home .home-timer-footer{background:var(--idle);color:var(--ink);padding:17px 24px;min-height:50px;border-top:1px solid var(--line)}
.hopper-home .home-timer-footer .slash{color:var(--muted)}
.home-session-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font:10px var(--mono)}
.hopper-home .timer-face{height:clamp(130px,17vw,230px)}
.hopper-home .digits{font-size:clamp(52px,12vw,184px)}
.hopper-home .metadata,.hopper-home .account-nav{display:none}
.hopper-home .note-line,.hopper-home .category-line,.hopper-home .voice-toolbar{display:none}
.hopper-home #home-note-dialog .note-line{display:flex;flex-wrap:wrap;margin:0 0 24px;gap:10px;min-height:64px}
.hopper-home #home-note-dialog .note-line label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hopper-home #home-note-dialog .note-line input{flex:1 0 100%;width:100%;max-width:none;border-bottom:1px solid var(--line);font-size:18px;min-height:48px}
.hopper-home #home-note-dialog .note-status{display:block;font-size:10px;margin-left:0}
.home-note-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.home-note-actions .save-entry{margin-top:10px}
.home-voice-meter{position:absolute;left:18px;right:18px;bottom:8px;height:26px;pointer-events:none}
.home-voice-meter .voice-waveform{height:26px;width:100%}
.home-voice-meter .voice-meter-caption{display:none}
.home-tool[data-voice="recording"]{background:var(--idle)}
.home-voice-status{font:11px/1.5 var(--mono);color:var(--muted);margin:-10px 0 18px}
.home-ai-consent p{font:14px/1.6 var(--sans)}
.hopper-home .notice{margin-top:24px}
.hopper-home a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:800px){.hopper-home .app{padding:20px 24px 40px}.hopper-home .digits{font-size:12vw}.home-actions{margin-top:30px}.hopper-header-tools{gap:18px}.hopper-home .timer-face{height:170px}}
@media(max-width:480px){.hopper-home .app{padding:16px}.hopper-home .hopper-header{height:54px}.hopper-brand{font-size:22px}.hopper-header-tools{gap:14px}.home-actions{gap:12px;margin:28px 0 16px}.home-tool{min-width:0;flex:1;padding:17px 18px;font-size:17px;gap:16px}.hopper-home .digits{font-size:13vw}.hopper-home .timer-face{height:128px}.hopper-home .note-line{gap:12px}.hopper-home .note-line .optional{display:none}.hopper-home .note-status{display:block;font-size:9px}.hopper-account{font-size:10px}}

.hopper-home .app-install{margin-top:18px}

.hopper-calendar{font:11px var(--mono);color:var(--muted);text-decoration:none}.hopper-calendar:hover{color:var(--ink)}.hopper-home .hopper-header{height:auto;min-height:72px;gap:16px}.hopper-header-tools{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 100px);gap:6px 20px}@media(max-width:480px){.hopper-home .hopper-header{min-height:54px}.hopper-calendar{font-size:10px}.hopper-header-tools{gap:4px 14px}}
