:root{--midnight:#030B1E;--navy:#0B1B3D;--electric:#2A62F0;--cyan:#2BD4F0;--paper:#F2F5FA;--white:#FFF;--slate:#51607E;--mono:"Azeret Mono",ui-monospace,Menlo,Consolas,monospace;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--midnight);color:var(--midnight);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}a,button{-webkit-tap-highlight-color:transparent}.app{position:relative;background:var(--paper);min-height:100dvh;width:100%;margin:0 auto;overflow:hidden}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top)+10px) calc(env(safe-area-inset-right)+16px) 0 calc(env(safe-area-inset-left)+16px)}.nav{display:flex;align-items:center;justify-content:space-between;height:52px}.nav img{width:48px;height:48px;border-radius:12px;display:block;box-shadow:0 1px 2px rgba(3,11,30,.18),0 4px 12px rgba(3,11,30,.12)}.count{font-family:var(--mono);font-size:clamp(12px,3.4vw,13px);color:var(--slate);letter-spacing:.02em;font-variant-numeric:tabular-nums}h1{font-family:var(--mono);font-weight:700;font-size:clamp(25px,7.2vw,33px);line-height:1.12;letter-spacing:-.035em;margin-top:10px;text-wrap:balance}h1 .brand{color:var(--electric)}.sub{font-size:clamp(15px,4.2vw,17px);line-height:1.4;color:var(--slate);margin-top:8px;max-width:34ch}.stage{position:relative;flex:1 1 auto;min-height:230px;margin:18px 0 0;display:flex;flex-direction:column}.stack{position:relative;flex:1 1 auto;min-height:190px;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;outline:none;border-radius:26px}.stack:focus-visible{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--electric)}.card{position:absolute;left:0;right:0;top:0;bottom:44px;border-radius:26px;padding:20px 20px 18px;display:flex;flex-direction:column;justify-content:space-between;will-change:transform;cursor:grab;box-shadow:0 1px 1px rgba(3,11,30,.06),0 4px 10px rgba(3,11,30,.08),0 14px 30px rgba(3,11,30,.12)}.card.dragging{cursor:grabbing}.card .tag{font-family:var(--mono);font-size:clamp(11px,3.1vw,12px);letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;opacity:.82}.card .mood{font-family:var(--mono);font-weight:700;font-size:clamp(22px,6.6vw,28px);line-height:1.1;letter-spacing:-.03em;max-width:13ch}.card .meta{font-size:clamp(14px,3.9vw,15px);line-height:1.35;font-weight:600}.card .row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.card svg{flex:none;width:clamp(56px,17vw,76px);height:auto}.c1{background:var(--electric);color:var(--white)}.c2{background:var(--cyan);color:var(--midnight)}.c3{background:var(--navy);color:var(--white)}.c4{background:var(--white);color:var(--midnight)}.c5{background:var(--midnight);color:var(--white)}.c5 .mood{max-width:none}.c5 .mood span{color:var(--cyan)}.c5 .meta{color:#C9D3E8;font-weight:400}.controls{display:flex;justify-content:space-between;align-items:center;height:52px;margin-top:6px}.ctl{appearance:none;border:0;background:var(--white);color:var(--midnight);height:44px;min-width:44px;padding:0 16px;border-radius:22px;font-family:var(--sans);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 1px 2px rgba(3,11,30,.1),0 3px 8px rgba(3,11,30,.08);transition:transform .12s cubic-bezier(.2,.8,.2,1),opacity .2s}.ctl:active{transform:scale(.97)}.ctl[disabled]{opacity:.4;cursor:default}.ctl:focus-visible{outline:3px solid var(--electric);outline-offset:2px}.ctl svg{width:18px;height:18px}.dots{display:flex;gap:6px}.dots i{width:6px;height:6px;border-radius:3px;background:#C3CCDD;transition:background .3s}.dots i.on{width:18px;background:var(--midnight)}.action{position:sticky;bottom:0;margin:0 calc(-16px - env(safe-area-inset-right)) 0 calc(-16px - env(safe-area-inset-left));padding:12px calc(env(safe-area-inset-right)+16px) calc(env(safe-area-inset-bottom)+14px) calc(env(safe-area-inset-left)+16px);background:var(--paper);z-index:5}.cta{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:15px;background:var(--midnight);color:var(--white);text-decoration:none;font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(3,11,30,.2),0 8px 20px rgba(3,11,30,.18);transition:background .15s}.cta:focus-visible{outline:3px solid var(--electric);outline-offset:3px}.cta svg{width:16px;height:16px}.doubt{padding:34px 20px 30px;background:var(--white);border-top:1px solid #E1E7F1}.doubt h2{font-family:var(--mono);font-weight:700;font-size:clamp(18px,5vw,21px);line-height:1.2;letter-spacing:-.03em}.doubt p{margin-top:10px;font-size:clamp(15px,4.1vw,16px);line-height:1.5;color:#3C4966;max-width:40ch}footer{padding:18px 20px calc(env(safe-area-inset-bottom)+18px);background:var(--white);font-family:var(--mono);font-size:12px;color:var(--slate);border-top:1px solid #E1E7F1}@media(hover:hover){.cta:hover{background:#0F1F45}.ctl:not([disabled]):hover{background:#E8EEF8}}@media(min-width:640px){body{background:radial-gradient(120% 90% at 20% 10%,#0E2A66 0,var(--midnight) 60%);min-height:100dvh;padding:32px 0}.app{width:420px;min-height:0;border-radius:36px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}.screen{min-height:min(860px,calc(100dvh - 64px))}.nav img{width:56px;height:56px}.action{margin:0 -16px;padding:12px 16px 18px}}@media(prefers-reduced-motion:reduce){.card{transition:opacity .18s linear}.dots i,.ctl,.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}