:root{color:#13231f;background:#f2efe7;font-family:ui-rounded,Avenir Next,SF Pro Rounded,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--paper: #fff9ed;--ink: #13231f;--muted: rgba(19, 35, 31, .64);--line: rgba(19, 35, 31, .12);--green: #1f7a54;--green-deep: #143b31;--orange: #f0744d;--orange-deep: #4b211b;--shadow: 0 24px 80px rgba(31, 77, 64, .18)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 8%,rgba(255,206,126,.48),transparent 28rem),radial-gradient(circle at 90% 18%,rgba(31,122,84,.18),transparent 24rem),linear-gradient(145deg,#f9f4e8,#ebe3d2)}button,input{font:inherit}button{cursor:pointer}.page-shell{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:flex;align-items:center}.app-screen{width:100%;display:grid;gap:20px}.hero-card,.setup-card{width:100%;border:1px solid rgba(255,255,255,.62);border-radius:36px;box-shadow:var(--shadow);overflow:hidden}.hero-card{min-height:460px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;background:var(--paper)}.hero-card:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.58),transparent 12rem),radial-gradient(circle at 82% 72%,rgba(255,224,163,.5),transparent 14rem)}.hero-card--compact{min-height:280px;justify-content:center;gap:24px}.hero-card--in{background:linear-gradient(155deg,#fff8e9,#dcedd9)}.hero-card--out{background:linear-gradient(155deg,#fff3df,#ffd8c8)}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;color:var(--ink);font-size:clamp(2.25rem,12vw,4.8rem);line-height:.92;letter-spacing:-.08em}.muted{max-width:28rem;margin:18px 0 0;color:var(--muted);font-size:1rem;line-height:1.5}.clock-button{width:min(100%,340px);aspect-ratio:1;align-self:center;border:0;border-radius:999px;color:#fffaf0;box-shadow:inset 0 2px 4px #ffffff52,0 28px 72px #1f4d4047;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.clock-button span{display:block;font-size:clamp(5.5rem,28vw,9rem);font-weight:900;line-height:1;letter-spacing:-.1em;transform:translate(-.04em)}.clock-button--in{background:radial-gradient(circle at 38% 25%,rgba(255,255,255,.32),transparent 9rem),linear-gradient(145deg,#2e9b68,var(--green-deep))}.clock-button--out{background:radial-gradient(circle at 38% 25%,rgba(255,255,255,.36),transparent 9rem),linear-gradient(145deg,#ff8b62,var(--orange-deep));box-shadow:inset 0 2px 4px #ffffff57,0 28px 72px #9742284d}.clock-button:active{transform:scale(.97);filter:saturate(1.08)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-height:112px;padding:18px;border:1px solid var(--line);border-radius:28px;background:#fff9edc7;box-shadow:0 16px 40px #1f4d4014;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stat-card span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stat-card strong{display:block;margin-top:14px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(1.55rem,7vw,2.2rem);letter-spacing:-.06em}.app-footer,.row-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.row-actions--left{justify-content:flex-start}.text-button,.secondary-button{border:1px solid var(--line);border-radius:999px;background:#fff9edb8;color:var(--ink);font-weight:800}.text-button{padding:8px 12px}.secondary-button{padding:12px 16px}.secondary-button--wide{width:100%;min-height:58px;border-radius:20px}.text-button--standalone{width:100%;margin-top:16px;padding:12px 16px}.setup-card{padding:28px;background:#fff9ede0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup-card h1{font-size:clamp(2.4rem,14vw,4.5rem)}.setup-card label{display:grid;gap:8px;margin-top:18px}.setup-card label span{color:var(--muted);font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.setup-card input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:18px;padding:0 16px;outline:none;background:#ffffffb8;color:var(--ink)}.setup-card input:focus{border-color:#1f7a5485;box-shadow:0 0 0 4px #1f7a541f}.setup-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.primary-submit{width:100%;min-height:58px;margin-top:24px;border:0;border-radius:20px;background:linear-gradient(145deg,#2e9b68,#143b31);color:#fffaf0;font-weight:900;box-shadow:inset 0 1px 3px #ffffff4d,0 18px 42px #1f4d4038}.auth-actions{display:grid;gap:12px}@media(max-width:380px){.page-shell{padding-inline:14px}.hero-card,.setup-card{border-radius:28px;padding:22px}.stats-grid,.setup-grid{grid-template-columns:1fr}}