:root{--ink:#16101c;--paper:#fbf5ef;--plum:#2a0e37;--plum-2:#3e1a4f;--violet:#833ab4;--magenta:#c13584;--orange:#f58529;--mist:#dccbe6;--muted:#5b4b63;--r-lg:30px;--r-md:18px;--collapsed:64px;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;color:var(--ink);background:var(--paper);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;}.app{position:relative;display:flex;flex-direction:column;min-height:100dvh;width:100%;overflow:hidden;background:var(--paper);}.top{position:relative;z-index:2}.behind{position:absolute;inset:0 0 0 0;padding:calc(var(--collapsed) + env(safe-area-inset-top) + 18px) 20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:var(--paper);}.avatar{width:76px;height:76px;border-radius:50%;background:conic-gradient(from 200deg,var(--orange),var(--magenta),var(--violet),var(--orange));display:grid;place-items:center;}.avatar span{width:68px;height:68px;border-radius:50%;background:var(--paper);display:grid;place-items:center}.avatar span i{width:58px;height:58px;border-radius:50%;background:#e9dde2;display:block;position:relative;overflow:hidden}.avatar span i::before{content:"";position:absolute;left:50%;top:13px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#b9a5b4}.avatar span i::after{content:"";position:absolute;left:50%;top:37px;width:40px;height:30px;margin-left:-20px;border-radius:20px 20px 0 0;background:#b9a5b4}.handle{font-weight:700;font-size:clamp(0.95rem,0.9rem + 0.3vw,1.05rem)}.priv{font-size:clamp(0.85rem,0.82rem + 0.2vw,0.95rem);color:var(--muted);max-width:26ch}.shade{position:relative;z-index:2;background:var(--plum);color:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);padding:calc(env(safe-area-inset-top) + 14px) 14px 0;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab;will-change:transform;}.shade.dragging{cursor:grabbing}.shade-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 6px 10px}.shade-title{font-family:"Bodoni Moda",Georgia,serif;font-weight:600;font-size:clamp(1.5rem,1.3rem + 1vw,1.9rem);letter-spacing:-0.01em}.shade-date{font-size:0.78rem;color:var(--mist)}.list{list-style:none;display:flex;flex-direction:column;gap:6px}.note{display:flex;align-items:center;gap:12px;background:var(--plum-2);border-radius:var(--r-md);padding:10px 12px;transition:transform .12s;}.note.pressed{transform:scale(.97)}.ico{flex:none;width:36px;height:36px;border-radius:11px;position:relative;display:block}.ico-shot{background:var(--orange)}.ico-shot::before{content:"";position:absolute;inset:9px;border:2.5px solid var(--plum);border-radius:5px}.ico-shot::after{content:"";position:absolute;left:15px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--plum)}.ico-story{background:var(--magenta)}.ico-story::before{content:"";position:absolute;inset:8px;border-radius:50%;border:3px solid #fff;border-right-color:transparent}.ico-story::after{content:"";position:absolute;left:14px;top:14px;width:8px;height:8px;border-radius:50%;background:#fff}.ico-eye{background:var(--violet)}.ico-eye::before{content:"";position:absolute;left:7px;top:11px;width:22px;height:14px;border-radius:50%;border:2.5px solid #fff}.ico-eye::after{content:"";position:absolute;left:15px;top:15px;width:6px;height:6px;border-radius:50%;background:#fff}.ico-unf{background:var(--paper)}.ico-unf::before{content:"";position:absolute;left:9px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--plum)}.ico-unf::after{content:"";position:absolute;left:7px;top:21px;width:14px;height:8px;border-radius:7px 7px 0 0;background:var(--plum);box-shadow:10px -5px 0 -1px var(--magenta)}.note-body{min-width:0;flex:1}.note-top{display:flex;justify-content:space-between;gap:8px;font-size:0.72rem;color:var(--mist);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.note-text{font-size:clamp(0.86rem,0.82rem + 0.2vw,0.95rem);line-height:1.3;margin-top:2px}.strip{height:var(--collapsed);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:100%;background:none;border:0;color:#fff;font:inherit;cursor:inherit;-webkit-tap-highlight-color:transparent;border-radius:0 0 var(--r-lg) var(--r-lg);}.strip:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}.strip-label{font-size:0.8rem;font-weight:700;color:var(--mist);letter-spacing:.02em}.grabber{width:42px;height:5px;border-radius:3px;background:#8d6f9c;display:block}.main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vh,30px) 22px 0;}.brand-row{display:flex;align-items:center;gap:12px}.brand-row img{width:52px;height:52px;border-radius:50%;display:block}.brand-tag{font-size:0.86rem;color:var(--muted);font-weight:700;line-height:1.35}h1{margin-top:clamp(8px,1.6vh,16px);font-weight:500}.mark{display:block;font-family:"Bodoni Moda",Georgia,serif;font-weight:600;font-size:clamp(3rem,2.2rem + 4.2vw,4.1rem);line-height:.95;letter-spacing:-0.025em;}.mark em{font-style:italic;color:var(--magenta)}.promise{display:block;margin-top:10px;font-size:clamp(1.02rem,0.96rem + 0.35vw,1.15rem);line-height:1.35;max-width:30ch;}.support{margin-top:8px;font-size:clamp(0.86rem,0.83rem + 0.2vw,0.95rem);line-height:1.45;color:var(--muted);max-width:34ch}.action{position:relative;z-index:3;background:var(--paper);margin-top:auto;padding:16px 22px calc(env(safe-area-inset-bottom) + 14px);}.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;background:var(--ink);color:#fff;font-weight:700;font-size:clamp(1rem,0.96rem + 0.2vw,1.08rem);text-decoration:none;border-radius:var(--r-md);-webkit-tap-highlight-color:transparent;transition:transform .12s;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}.under{margin-top:9px;text-align:center;font-size:clamp(0.8rem,0.78rem + 0.15vw,0.88rem);color:var(--muted)}footer{position:relative;z-index:3;background:var(--paper);text-align:center;font-size:0.75rem;color:var(--muted);padding:0 22px calc(env(safe-area-inset-bottom) + 12px);}@supports (corner-shape: squircle){.shade,.strip{border-radius:0 0 52px 52px;corner-shape:squircle}.note,.cta{border-radius:30px;corner-shape:squircle}.ico{border-radius:18px;corner-shape:squircle}}@media (hover: hover) and (pointer: fine){.cta:hover{background:#2c2234}.strip:hover .grabber{background:#b593c4}}@media (min-width: 768px){body{background:var(--violet);display:flex;align-items:center;justify-content:center;padding:24px;}.app{width:420px;min-height:0;height:min(880px,calc(100dvh - 48px));border-radius:44px;}.shade{border-radius:0 0 var(--r-lg) var(--r-lg)}.brand-row img{width:72px;height:72px}}@media (prefers-reduced-motion: reduce){.note,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}