.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-label{display:block;color:var(--primary);font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:30px;color:#777a92;font-size:.82rem}.breadcrumbs a:hover{color:var(--primary)}
.loops-hero{padding:42px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);align-items:center;gap:58px}.hero-copy h1{max-width:780px;margin:22px 0 20px;font-size:clamp(3.1rem,6.4vw,6rem);line-height:.95}.hero-copy .lead{max-width:680px;margin:0}.hero-action{display:inline-flex;align-items:center;gap:10px;margin-top:28px;color:var(--primary-dark);font-weight:850}.hero-action span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(108,92,231,.1);transition:.2s}.hero-action:hover span{transform:translateY(3px)}
.loop-visual{position:relative;display:grid;min-height:480px;place-items:center}.hero-stack{position:relative;width:min(420px,90vw);height:310px;perspective:1000px}.stack-card{position:absolute;left:4%;display:flex;align-items:center;gap:13px;width:92%;min-height:82px;padding:18px 22px;border:1px solid rgba(255,255,255,.8);border-radius:20px;color:#45465f;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(49,43,109,.14);font-size:.93rem;font-weight:720;backdrop-filter:blur(12px)}.stack-card b{display:grid;min-width:52px;height:34px;place-items:center;padding:0 9px;border-radius:10px;color:#5c4bd8;background:#eeebff;font-size:.68rem;letter-spacing:.08em}.stack-tab{top:0;transform:rotate(-4deg);animation:cardFloat 5.5s ease-in-out infinite}.stack-draft{top:72px;left:9%;transform:rotate(2deg);animation:cardFloat 5.5s .5s ease-in-out infinite}.stack-plan{top:144px;left:2%;transform:rotate(-1deg);animation:cardFloat 5.5s 1s ease-in-out infinite}.stack-release{top:224px;left:-5%;color:#fff;background:linear-gradient(135deg,#302a73,#5e50c9);transform:rotate(3deg);animation:releasePeek 5s 1.5s ease-in-out infinite}.stack-release b{color:#fff;background:rgba(255,255,255,.15)}.orbit{position:absolute;border:1px dashed rgba(108,92,231,.22);border-radius:50%;animation:orbitSpin 14s linear infinite}.orbit-a{width:460px;height:460px}.orbit-b{width:350px;height:350px;animation-direction:reverse;animation-duration:11s}.orbit i{position:absolute;top:-6px;left:50%;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(0,194,168,.12)}.orbit-b i{top:auto;bottom:-6px;background:#f2a45e;box-shadow:0 0 0 7px rgba(242,164,94,.13)}.float-label{position:absolute;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:#77728f;background:#fff;font-size:.72rem;font-weight:800;box-shadow:0 10px 30px rgba(49,43,109,.1)}.label-one{top:13%;right:0;transform:rotate(7deg)}.label-two{bottom:10%;left:-3%;transform:rotate(-6deg)}
.tracker-section{padding:20px 0 88px}.tracker-shell{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}.capture-panel,.board-panel{border:1px solid var(--border);border-radius:30px;background:rgba(255,255,255,.85);box-shadow:0 22px 65px rgba(53,49,110,.1)}.capture-panel{position:sticky;top:112px;padding:30px}.panel-heading h2,.board-head h2{margin:8px 0 8px;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.045em}.panel-heading p{margin:0 0 26px;color:var(--muted);font-size:.92rem;line-height:1.6}.field-label,.type-field legend{display:block;margin-bottom:8px;color:#41435b;font-size:.8rem;font-weight:820}.optional-label{margin-top:18px}.optional-label small{color:#999bb0;font-weight:600}.title-input,.next-input{width:100%;height:51px;padding:0 14px;border:1px solid rgba(31,34,62,.14);border-radius:14px;color:var(--text);background:#fff;outline:none;transition:.2s}.title-input:focus,.next-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.1)}.type-field{padding:0;margin:18px 0 0;border:0}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.type-options input{position:absolute;opacity:0}.type-options label span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 5px;border:1px solid var(--border);border-radius:12px;color:#666980;background:#fff;font-size:.7rem;font-weight:750;cursor:pointer;transition:.2s}.type-options label b{display:grid;width:29px;height:25px;place-items:center;border-radius:7px;color:var(--primary);background:#efedff;font-size:.58rem;letter-spacing:.04em}.type-options input:checked+span{border-color:rgba(108,92,231,.5);color:var(--primary-dark);background:#f4f2ff;box-shadow:0 0 0 2px rgba(108,92,231,.08)}.type-options input:focus-visible+span{outline:3px solid rgba(108,92,231,.3);outline-offset:2px}.add-loop{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:53px;margin-top:20px;padding:0 16px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,#5142c7,#7d6ee8);box-shadow:0 13px 28px rgba(81,66,199,.25);font-weight:850;transition:.2s}.add-loop:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(81,66,199,.3)}.add-loop b{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:rgba(255,255,255,.15);font-size:1.2rem}.local-note{display:flex;gap:7px;margin:13px 0 0;color:#83859a;font-size:.73rem;line-height:1.45}.local-note span{color:var(--accent)}.prompt-box{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.prompt-box>span{display:block;margin-bottom:9px;color:#77798f;font-size:.72rem;font-weight:750}.prompt-box>div{display:flex;flex-wrap:wrap;gap:6px}.prompt-box button{padding:7px 9px;border:1px solid var(--border);border-radius:999px;color:#686a81;background:#fff;font-size:.68rem;font-weight:700}.prompt-box button:hover{color:var(--primary);background:#f4f2ff}
.board-panel{min-height:620px;padding:30px}.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.board-head h2 span{display:inline-grid;min-width:34px;height:34px;place-items:center;margin-left:6px;border-radius:11px;color:#fff;background:var(--text);font-size:.92rem;vertical-align:middle}.saved-state{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;color:#087b6c;background:rgba(0,194,168,.09);font-size:.7rem;font-weight:800}.saved-state i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.saved-state.saving i{animation:pulse .5s ease}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.stats-row>div{padding:12px 8px;border:1px solid var(--border);border-radius:14px;background:#fafaff;text-align:center}.stats-row strong,.stats-row span{display:block}.stats-row strong{font-size:1.22rem}.stats-row span{margin-top:2px;color:#85879b;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.stats-row .released-stat{background:#f0fffb}.released-stat strong{color:#087b6c}.board-tools{display:grid;grid-template-columns:1fr auto;gap:9px}.search-field{display:flex;align-items:center;gap:9px;height:45px;padding:0 13px;border:1px solid var(--border);border-radius:13px;background:#fff}.search-field span{color:#9a9caf}.search-field input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:.84rem}.sort-field select{height:45px;padding:0 32px 0 12px;border:1px solid var(--border);border-radius:13px;color:#5d6077;background:#fff;font-size:.78rem;outline:0}.filter-tabs{display:flex;gap:5px;margin:12px 0 14px;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{flex:0 0 auto;padding:8px 11px;border:0;border-radius:10px;color:#74768c;background:transparent;font-size:.72rem;font-weight:800}.filter-tabs button:hover{background:#f4f2ff}.filter-tabs button.active{color:var(--primary-dark);background:#ece9ff}.swipe-key{display:flex;align-items:center;gap:8px;margin-bottom:11px;padding:9px 11px;border-radius:11px;color:#797b90;background:#f7f6fc;font-size:.69rem;line-height:1.4}.swipe-key>span{display:grid;flex:0 0 24px;height:24px;place-items:center;border-radius:8px;color:#fff;background:#302a73;font-size:.9rem}.swipe-key strong{color:#504b7d}.loop-list{display:grid;gap:9px}.loop-wrap{position:relative;overflow:hidden;border-radius:17px;background:linear-gradient(90deg,#302a73,#6155c8);touch-action:pan-y}.release-underlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 20px;color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.03em}.release-underlay b{display:grid;width:32px;height:32px;place-items:center;border-radius:11px;background:rgba(255,255,255,.15);font-size:1rem}.loop-card{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:14px 15px;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(53,49,110,.06);transition:transform .22s ease,opacity .25s ease}.loop-card.dragging{transition:none;cursor:grabbing}.loop-card.releasing{transform:translateX(-115%) rotate(-4deg)!important;opacity:0}.loop-card.completing{transform:scale(.92);opacity:0}.type-badge{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;color:#5c4bd8;background:#efedff;font-size:.62rem;font-weight:900;letter-spacing:.05em}.type-draft .type-badge{color:#9b5b20;background:#fff2e5}.type-plan .type-badge{color:#087b6c;background:#e7fbf7}.type-project .type-badge{color:#b64c6b;background:#ffebf1}.type-other .type-badge{color:#576275;background:#edf0f5}.loop-copy{min-width:0}.loop-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#292b41;font-size:.9rem;line-height:1.35}.loop-copy p{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#808298;font-size:.73rem}.loop-copy small{display:block;margin-top:5px;color:#a0a2b3;font-size:.62rem}.card-actions{display:flex;gap:5px}.card-actions button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:10px;color:#6e7086;background:#fafaff;font-size:.95rem;transition:.2s}.card-actions button:hover{transform:translateY(-1px)}.card-actions .done-button:hover{color:#087b6c;background:#eafbf7}.card-actions .release-button:hover{color:#fff;background:#302a73}.empty-state{display:grid;min-height:270px;place-items:center;align-content:center;text-align:center}.empty-state[hidden]{display:none}.empty-loop{position:relative;width:74px;height:74px;margin-bottom:16px;border:7px solid #e1def9;border-right-color:transparent;border-radius:50%}.empty-loop:after{content:"";position:absolute;right:-4px;bottom:2px;width:17px;height:17px;border-right:6px solid #e1def9;border-bottom:6px solid #e1def9;transform:rotate(13deg)}.empty-loop span{position:absolute;inset:14px;border-radius:50%;background:rgba(0,194,168,.09)}.empty-state strong{font-size:1rem}.empty-state p{max-width:290px;margin:7px 0 0;color:var(--muted);font-size:.79rem;line-height:1.55}.release-shelf{margin-top:16px;border:1px solid rgba(0,194,168,.17);border-radius:17px;background:#f8fffd}.release-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;border:0;color:#3d4754;background:transparent;text-align:left}.release-toggle>span{display:flex;align-items:center;gap:10px}.release-toggle i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#087b6c;background:#e1f8f2;font-style:normal}.release-toggle small,.release-toggle strong{display:block}.release-toggle small{color:#8d929c;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.release-toggle strong{margin-top:2px;font-size:.8rem}.release-toggle>b{color:#087b6c;font-size:.7rem}.released-list{display:grid;gap:7px;padding:0 13px 13px}.released-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:11px;color:#717783;background:#fff;font-size:.74rem}.released-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:line-through}.released-item button{flex:0 0 auto;padding:6px 8px;border:0;border-radius:8px;color:#087b6c;background:#e8faf5;font-size:.64rem;font-weight:800}
.permission-section{padding:82px 0;background:linear-gradient(135deg,#27245c,#473b9c 58%,#5b4fc3);color:#fff}.permission-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.permission-copy .section-label{color:#72e1d1}.permission-copy h2{margin:12px 0 16px;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.04;letter-spacing:-.055em}.permission-copy p{margin:0;color:rgba(255,255,255,.7);line-height:1.75}.decision-cards{display:grid;gap:10px}.decision-cards article{display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.decision-cards article>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:#c8c2ff;background:rgba(255,255,255,.1);font-size:.75rem;font-weight:900}.decision-cards h3{margin:0 0 4px}.decision-cards p{margin:0;color:rgba(255,255,255,.66);font-size:.83rem;line-height:1.55}.decision-cards .release-card{border-color:rgba(114,225,209,.28);background:rgba(0,194,168,.12)}.release-card>span{color:#72e1d1!important}
.content-section{padding:88px 0}.content-shell{max-width:980px}.content-intro{max-width:760px}.content-intro h2,.faq-list>h2{margin:11px 0 14px;font-size:clamp(2rem,4.2vw,3.3rem);letter-spacing:-.05em}.content-intro p{margin:0;color:var(--muted);line-height:1.8}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0 54px}.how-grid article{padding:22px;border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,.75)}.how-grid b{display:grid;width:32px;height:32px;place-items:center;margin-bottom:15px;border-radius:10px;color:var(--primary);background:#eeebff;font-size:.74rem}.how-grid h3{margin:0 0 7px;font-size:.95rem}.how-grid p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}.faq-list>h2{font-size:clamp(1.7rem,3.5vw,2.6rem)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{padding:18px 3px;cursor:pointer;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--primary);font-size:1.2rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 34px 20px 3px;color:var(--muted);line-height:1.7}
.try-section{padding:76px 0;background:rgba(255,255,255,.42);border-top:1px solid var(--border)}.try-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.try-head h2{margin:7px 0 5px;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.045em}.try-head p{margin:0;color:var(--muted)}.try-head>a{color:var(--primary);font-weight:800}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.try-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff;transition:.22s}.try-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(53,49,110,.1)}.try-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;color:var(--primary);background:#eeebff;font-size:.67rem;font-weight:900}.try-card>span:nth-child(2) strong,.try-card>span:nth-child(2) span{display:block}.try-card>span:nth-child(2) strong{font-size:.84rem}.try-card>span:nth-child(2) span{margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.45}.try-card>b{color:var(--primary)}
.release-dialog{max-width:440px;padding:0;border:0;border-radius:25px;background:#fff;box-shadow:0 30px 100px rgba(24,20,70,.3)}.release-dialog::backdrop{background:rgba(24,22,53,.5);backdrop-filter:blur(5px)}.release-dialog form{padding:32px;text-align:center}.dialog-mark{display:grid;width:58px;height:58px;margin:0 auto 16px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,#302a73,#6558cc);font-size:1.7rem;box-shadow:0 14px 30px rgba(48,42,115,.24)}.release-dialog h2{margin:7px 0 10px;font-size:1.8rem;letter-spacing:-.04em}.release-dialog form>p:not(.section-label){margin:0;color:var(--muted);line-height:1.65}.release-dialog form>p strong{color:#3b3d53}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.dialog-actions button{min-height:46px;border-radius:13px;font-weight:800}.keep-button{border:1px solid var(--border);color:#696b80;background:#fff}.confirm-release{border:0;color:#fff;background:#302a73}.release-burst{position:fixed;z-index:100;inset:0;display:grid;place-items:center;align-content:center;color:#fff;background:radial-gradient(circle,rgba(108,92,231,.95),rgba(39,36,92,.98));opacity:0;visibility:hidden;pointer-events:none;transition:.25s}.release-burst.show{opacity:1;visibility:visible;animation:burstOut 1.3s .55s forwards}.release-burst span{font-size:4.5rem;animation:burstSpin .8s ease}.release-burst strong{margin-top:10px;font-size:clamp(2.2rem,7vw,5.5rem);letter-spacing:-.06em}.release-burst small{margin-top:8px;color:rgba(255,255,255,.72);font-size:1rem}.toast{position:fixed;z-index:110;right:20px;bottom:20px;display:flex;align-items:center;gap:14px;max-width:390px;padding:13px 14px;border-radius:14px;color:#fff;background:#27283a;box-shadow:0 18px 50px rgba(24,22,53,.25);opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none;pointer-events:auto}.toast span{font-size:.78rem;line-height:1.4}.toast button{padding:6px 9px;border:0;border-radius:8px;color:#27283a;background:#fff;font-size:.7rem;font-weight:850}
@keyframes cardFloat{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes releasePeek{0%,70%,100%{transform:translateX(0) rotate(3deg)}82%{transform:translateX(-42px) rotate(1deg)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.8);opacity:.45}}@keyframes burstSpin{from{transform:scale(.2) rotate(-140deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes burstOut{to{opacity:0;visibility:hidden}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy h1,.hero-copy .lead{margin-inline:auto}.loop-visual{min-height:410px}.tracker-shell{grid-template-columns:1fr}.capture-panel{position:static}.permission-grid{grid-template-columns:1fr;gap:34px}.try-grid{grid-template-columns:1fr}.try-card>span:nth-child(2) span{font-size:.76rem}}
@media(max-width:720px){.loops-hero{padding:30px 0 45px}.breadcrumbs{margin-bottom:22px}.hero-copy h1{font-size:clamp(2.7rem,14vw,4.6rem)}.loop-visual{min-height:340px}.hero-stack{height:280px}.orbit-a{width:350px;height:350px}.orbit-b{width:280px;height:280px}.stack-card{min-height:69px;padding:14px 16px;font-size:.78rem}.stack-tab{top:0}.stack-draft{top:62px}.stack-plan{top:124px}.stack-release{top:192px}.capture-panel,.board-panel{padding:21px;border-radius:22px}.board-head{align-items:flex-start}.saved-state{padding:7px 9px;font-size:.62rem}.stats-row{grid-template-columns:repeat(5,68px);overflow-x:auto;padding-bottom:4px}.board-tools{grid-template-columns:1fr}.sort-field select{width:100%}.type-options{grid-template-columns:repeat(5,1fr)}.type-options label span{padding:9px 2px;font-size:.6rem}.swipe-key{align-items:flex-start}.loop-card{grid-template-columns:auto minmax(0,1fr);min-height:100px}.card-actions{grid-column:2;justify-content:flex-end}.card-actions button{width:auto;height:29px;padding:0 9px;font-size:.68rem}.done-button:after{content:" Done"}.release-button:after{content:" Release"}.permission-section,.content-section,.try-section{padding:60px 0}.how-grid{grid-template-columns:1fr}.try-head{align-items:flex-start;flex-direction:column}.dialog-actions{grid-template-columns:1fr}.toast{left:10px;right:10px;bottom:10px;max-width:none}}
@media(prefers-reduced-motion:reduce){.stack-card,.orbit,.release-burst span{animation:none!important}.loop-card,.release-burst,.toast{transition:none!important}}