:root{--pine:#0f2b22;--pine-2:#163a2e;--green:#2fbf71;--teal:#50b9bc;--cream:#f4efe3;--ink:#12241c;--rasp:#d6336c;--rasp-dk:#b8265a;--mute:#53675d;--r-xl:34px;--r-lg:22px;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--green);color:var(--cream);font-family:"Figtree",system-ui,sans-serif;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden;}.app{position:relative;width:100%;max-width:440px;margin:0 auto;background:var(--pine);overflow:clip;min-height:100dvh;}.screen{min-height:100dvh;display:flex;flex-direction:column;position:relative;}.top{position:relative;z-index:5}.shade{position:relative;background:var(--cream);color:var(--ink);border-radius:0 0 var(--r-xl) var(--r-xl);padding:calc(env(safe-area-inset-top) + 14px) 14px 0;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;will-change:transform;cursor:grab;}.shade.dragging{cursor:grabbing}.tiles{position:absolute;left:0;right:0;bottom:100%;background:var(--cream);padding:18px 14px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}.tiles::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:60px;background:var(--cream);}.tiles-h{grid-column:1 / -1;font-size:clamp(0.78rem,0.74rem + 0.2vw,0.84rem);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--mute);padding:0 4px 2px;}.tile{-webkit-tap-highlight-color:transparent;font:inherit;text-align:left;border:0;border-radius:var(--r-lg);min-height:64px;padding:12px 14px;background:#e5dfd0;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:transform .12s cubic-bezier(.2,.8,.2,1);}button.tile{cursor:pointer}button.tile:active{transform:scale(.97)}button.tile:focus-visible{outline:3px solid var(--rasp);outline-offset:2px}.tile svg{width:22px;height:22px;display:block}.tile b,.tile .t{font-weight:600;font-size:clamp(0.95rem,0.9rem + 0.2vw,1rem)}.tile .s{font-size:clamp(0.78rem,0.74rem + 0.2vw,0.84rem);color:var(--mute)}.tile[aria-pressed="true"]{background:var(--pine);color:var(--cream)}.tile[aria-pressed="true"] .s{color:#bfe9d3}.tile.ok{background:#d7efe1}.note{background:#fffdf7;border-radius:var(--r-lg);padding:14px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;box-shadow:0 1px 0 rgba(18,36,28,.06);}.app-ic{width:44px;height:44px;border-radius:12px;background:var(--green);display:grid;place-items:center;}.app-ic svg{width:24px;height:24px}.note-row{display:flex;justify-content:space-between;gap:8px;font-size:clamp(0.78rem,0.74rem + 0.2vw,0.84rem);color:var(--mute);margin-bottom:2px}.note-t{font-weight:600;font-size:clamp(1rem,0.95rem + 0.25vw,1.06rem);line-height:1.3}.note-b{font-size:clamp(0.9rem,0.86rem + 0.2vw,0.96rem);color:#33463d;margin-top:2px}.grab{-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;align-items:center;width:100%;height:30px;background:none;border:0;cursor:inherit;margin-top:2px;}.grab span{width:40px;height:5px;border-radius:3px;background:#b9b19e}.grab:focus-visible{outline:3px solid var(--rasp);outline-offset:-4px;border-radius:12px}.main{flex:1;display:flex;flex-direction:column;padding:22px 22px 0;}.brand{display:flex;align-items:center;gap:12px}.brand img{width:clamp(60px,18vw,144px);height:auto;aspect-ratio:1;border-radius:22%;display:block}.brand .wm{font-weight:600;font-size:clamp(1rem,0.95rem + 0.3vw,1.1rem);letter-spacing:0.01em}.brand .wm small{display:block;font-weight:400;color:var(--teal);font-size:clamp(0.8rem,0.76rem + 0.2vw,0.86rem)}h1{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:clamp(2.05rem,1.2rem + 4.4vw,3.1rem);line-height:1.04;letter-spacing:-0.01em;margin-top:clamp(16px,4vh,30px);color:var(--cream);}h1 em{font-style:italic;color:var(--green)}.sub{margin-top:12px;font-size:clamp(0.98rem,0.92rem + 0.3vw,1.06rem);color:#cfe0d6;max-width:34ch;}.copy{margin-block:auto;padding-bottom:12px}.act{margin-top:0;padding:18px 0 calc(env(safe-area-inset-bottom) + 18px);position:relative;z-index:6;}.cta{-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:18px;background:var(--rasp);color:#fff;text-decoration:none;font-weight:600;font-size:clamp(1.02rem,0.96rem + 0.3vw,1.1rem);transition:transform .12s cubic-bezier(.2,.8,.2,1),background-color .2s;}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--cream);outline-offset:3px}@media (hover: hover){.cta:hover{background:var(--rasp-dk)}}.under{text-align:center;font-size:clamp(0.84rem,0.8rem + 0.2vw,0.9rem);color:#bcd2c6;margin-top:10px;}.band{background:var(--pine-2);margin:8px 14px 0;border-radius:var(--r-xl);padding:24px 22px;}.band h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;font-size:clamp(1.5rem,1.3rem + 1vw,1.8rem);line-height:1.1;}.band p{margin-top:10px;color:#cfe0d6;font-size:clamp(0.95rem,0.9rem + 0.2vw,1rem)}footer{text-align:center;padding:28px 16px calc(env(safe-area-inset-bottom) + 28px);color:#9fb8ab;font-size:clamp(0.85rem,0.8rem + 0.2vw,0.9rem);}@supports (corner-shape: squircle){.shade,.band{corner-shape:squircle;--r-xl:52px}.tile,.note{corner-shape:squircle;--r-lg:34px}.cta{corner-shape:squircle;border-radius:28px}}@media (min-width: 700px){body{background: radial-gradient(circle at 12% 18%,#36cc7c 0 180px,transparent 181px),radial-gradient(circle at 88% 82%,#29ad66 0 240px,transparent 241px),var(--green);}.app{border-radius:0;box-shadow:0 0 0 1px rgba(15,43,34,.2)}}@media (prefers-reduced-motion: reduce){.shade{will-change:auto}.tile,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}