@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#152235;--muted:#728096;--line:#e5eaf1;--paper:#f8fafc;--white:#fff;--navy:#0d1728;--mint:#b9f0d6;--mint-deep:#236b4e;--blue:#cfe5ff;--blue-deep:#2b67a4;--coral:#ffd1c8;--coral-deep:#aa574a;--violet:#ddd3ff;--violet-deep:#6852a4;--shadow:0 12px 30px rgba(27,44,72,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:var(--navy);color:#eef4ff;padding:25px 17px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 38px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:var(--mint);color:#163d31;font-size:18px}.brand strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:17px;letter-spacing:-.4px}.brand small{display:block;color:#8995aa;font-size:10px;margin-top:2px}.main-nav{display:grid;gap:5px}.nav-item,.category-link{border:0;background:none;color:#aab6c8;text-align:left;font:inherit;cursor:pointer;display:flex;align-items:center;gap:12px;border-radius:10px;padding:11px 12px;transition:.2s}.nav-item span{width:18px;font-size:18px}.nav-item:hover,.category-link:hover{background:#19263d;color:white}.nav-item.active{background:#24334b;color:white}.nav-item b{margin-left:auto;background:#35445d;color:#c7d2e2;border-radius:20px;font-size:10px;padding:2px 7px}.sidebar-section{margin-top:40px}.section-label{font:500 10px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase;color:#65748d;padding:0 12px 10px}.category-link{font-size:12px;padding:9px 12px}.category-link em{margin-left:auto;color:#65748d;font-style:normal;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.mint{background:#87e2b6}.dot.blue{background:#83c5ff}.dot.coral{background:#ff9d8c}.dot.violet{background:#b49dff}.sidebar-bottom{margin-top:auto}.mini-card{background:#172641;border:1px solid #263653;border-radius:12px;padding:12px;display:flex;gap:10px;margin-bottom:18px}.sparkle{color:#aee9ca;font-size:19px}.mini-card strong{font-size:11px}.mini-card p{font-size:10px;color:#7586a0;margin:3px 0 0}.profile{border:0;border-top:1px solid #24334b;background:none;color:white;width:100%;padding:17px 7px 0;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.avatar{display:grid;place-items:center;width:29px;height:29px;background:#d7caff;color:#4f3c91;border-radius:50%;font-size:10px;font-weight:700}.profile strong{display:block;font-size:10px}.profile small{display:block;font-size:9px;color:#76869f;margin-top:3px}.chevron{margin-left:auto;color:#667792}.main-content{margin-left:258px;width:calc(100% - 258px);max-width:1440px}.topbar{height:76px;padding:0 55px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(248,250,252,.8)}.breadcrumb{display:flex;gap:11px;align-items:center;color:#99a5b5;font-size:11px}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:13px}.icon-button{width:31px;height:31px;border:1px solid var(--line);background:white;color:#718096;border-radius:9px;cursor:pointer;position:relative}.has-dot:after{content:'';position:absolute;width:5px;height:5px;background:#ef7968;border:2px solid var(--paper);border-radius:50%;right:4px;top:4px}.create-button,.primary-button{border:0;background:var(--navy);color:white;border-radius:9px;padding:11px 15px;font:600 11px 'DM Sans';cursor:pointer;transition:.2s}.create-button:hover,.primary-button:hover{background:#28415f;transform:translateY(-1px)}.create-button span{font-size:15px;vertical-align:-1px;margin-right:3px}.hero-section{padding:65px 8.2% 38px;background:linear-gradient(120deg,#f8fafc 30%,#f1f7f8 100%);border-bottom:1px solid var(--line)}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.25px;text-transform:uppercase;color:#568267}.eyebrow.muted{color:#97a3b3}.live-dot{display:inline-block;width:7px;height:7px;background:#5dcc95;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #d9f5e7}.hero-section h1{font:600 clamp(40px,4.5vw,62px)/1.02 'Space Grotesk';letter-spacing:-3px;margin:19px 0 13px;color:#18273b}.hero-section h1 em{color:#668e7f;font-style:normal}.hero-copy{color:#7b889a;max-width:410px;line-height:1.6;margin:0 0 31px}.search-wrap{max-width:670px;background:white;border:1px solid #dce4ed;box-shadow:var(--shadow);border-radius:11px;display:flex;align-items:center;padding:0 15px;height:55px}.search-icon{font-size:25px;color:#7890a1;margin-right:10px;transform:rotate(-20deg)}.search-wrap input{border:0;outline:0;flex:1;font:14px 'DM Sans';color:var(--ink);min-width:0}.search-wrap kbd{font:10px 'DM Mono';border:1px solid #dce3ea;border-radius:5px;color:#9ba7b7;padding:4px 6px}.suggestions{display:flex;gap:9px;align-items:center;margin-top:14px;color:#9aa5b4;font-size:10px;flex-wrap:wrap}.suggestions button{border:0;background:none;color:#718092;font:10px 'DM Mono';cursor:pointer;padding:0}.suggestions button:hover{color:#438062}.content-section{padding:31px 8.2% 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2{font:600 22px 'Space Grotesk';letter-spacing:-.8px;margin:7px 0 0}.text-button{border:0;background:none;color:#668e7f;font:600 11px 'DM Sans';cursor:pointer}.text-button span{font-size:16px;margin-left:4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{border:0;text-align:left;position:relative;min-height:113px;padding:17px;border-radius:13px;cursor:pointer;transition:.22s;overflow:hidden;color:var(--ink)}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mint-card{background:var(--mint)}.blue-card{background:var(--blue)}.coral-card{background:var(--coral)}.violet-card{background:var(--violet)}.category-icon{display:block;font:600 19px 'DM Mono';margin-bottom:18px;opacity:.72}.category-card strong{display:block;font-size:12px}.category-card small{display:block;margin-top:4px;color:rgba(21,34,53,.58);font-size:10px}.card-arrow{position:absolute;right:15px;top:15px;font-size:17px;opacity:.5}.library-section{padding-top:40px;padding-bottom:36px}.view-controls{display:flex;gap:5px;align-items:center}.view-controls select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 25px 8px 10px;color:#708096;font:10px 'DM Sans';margin-right:5px}.view-toggle{width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:white;color:#a5afbd;cursor:pointer}.view-toggle.active{color:var(--ink);background:#f0f4f8}.filter-row{display:flex;align-items:center;gap:7px;margin-bottom:15px}.filter-button{border:1px solid var(--line);background:white;color:#8290a1;padding:7px 10px;border-radius:7px;font:10px 'DM Sans';cursor:pointer}.filter-button span{color:#a9b3c0;margin-left:4px}.filter-button.active{background:var(--ink);border-color:var(--ink);color:white}.filter-spacer{flex:1}.result-count{font:10px 'DM Mono';color:#9aa6b7}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prompt-card{background:white;border:1px solid #e7ebf0;border-radius:12px;padding:17px 17px 14px;min-height:215px;display:flex;flex-direction:column;cursor:pointer;transition:.22s;position:relative}.prompt-card:hover{border-color:#b9d9c8;box-shadow:var(--shadow);transform:translateY(-2px)}.prompt-card-top{display:flex;justify-content:space-between;align-items:start}.prompt-category{display:inline-block;color:#5c8d76;background:#eaf7ef;border-radius:5px;font:500 9px 'DM Mono';padding:5px 7px}.category-blue{color:#4e7cad;background:#eff7ff}.category-coral{color:#aa665b;background:#fff2ef}.category-violet{color:#725ca7;background:#f3efff}.heart{border:0;background:none;color:#c1cad4;font-size:19px;cursor:pointer;padding:0;line-height:1}.heart.active,.favorite-large.active{color:#e47767}.prompt-card h3{font:600 15px 'Space Grotesk';letter-spacing:-.3px;margin:16px 0 7px}.prompt-card p{color:#8190a2;font-size:11px;line-height:1.5;margin:0}.card-footer{display:flex;align-items:center;gap:11px;border-top:1px solid #eef1f5;margin-top:auto;padding-top:11px;color:#9ba7b5;font:9px 'DM Mono'}.rating{color:#d68b35}.tag-row{display:flex;gap:5px;margin-top:12px}.tag{color:#8190a2;background:#f4f6f8;border-radius:4px;font:9px 'DM Mono';padding:4px 6px}.empty-state{text-align:center;background:white;border:1px dashed #d8e0e8;border-radius:12px;padding:48px 20px}.empty-icon{font-size:30px;color:#9aabba}.empty-state h3{font:600 17px 'Space Grotesk';margin:12px 0 4px}.empty-state p{color:#8c99a9;font-size:11px}.secondary-button{background:white;border:1px solid #dfe6ec;color:#65758a;border-radius:8px;padding:10px 13px;font:600 11px 'DM Sans';cursor:pointer}.secondary-button:hover{background:#f5f8fa}.roadmap{margin:0 8.2% 35px;background:#eef8f3;border:1px solid #d7eee0;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:13px;color:#426f5a}.roadmap-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#d6f3e2;color:#4e9a72}.roadmap strong{font:600 11px 'Space Grotesk'}.roadmap p{margin:4px 0 0;color:#769485;font-size:10px}.roadmap-tag{margin-left:auto;border:1px solid #c9e6d5;color:#609275;padding:5px 7px;border-radius:5px;font:9px 'DM Mono'}.main-content footer{padding:0 8.2% 25px;color:#a2adba;font:9px 'DM Mono';display:flex;justify-content:space-between}.modal-backdrop{position:fixed;inset:0;background:rgba(9,19,34,.52);z-index:10;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{background:white;border-radius:16px;box-shadow:0 25px 80px rgba(4,15,34,.25);width:min(650px,100%);max-height:90vh;overflow:auto;position:relative;padding:30px}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#f3f5f7;color:#78879a;border-radius:50%;width:27px;height:27px;font-size:20px;cursor:pointer}.detail-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:22px}.detail-top h2,.create-modal h2{font:600 28px 'Space Grotesk';letter-spacing:-1px;margin:14px 0 7px}.detail-top p,.modal-intro{font-size:12px;color:#7e8b9c;line-height:1.5;margin:0;max-width:520px}.favorite-large{border:0;background:#f8f3f1;color:#c3ccd5;border-radius:10px;width:40px;height:40px;font-size:23px;cursor:pointer}.detail-meta{display:flex;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;color:#8290a2;font:9px 'DM Mono';margin-bottom:18px}.prompt-preview,.variable-area{background:#f6f9fb;border:1px solid #e6edf1;border-radius:10px;padding:14px 16px;margin-bottom:13px}.preview-header{display:flex;justify-content:space-between;color:#5e7186;font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.5px}.version-label,.variable-hint{color:#8ba394;text-transform:none}.prompt-preview p{white-space:pre-wrap;color:#314359;font:12px/1.7 'DM Mono';margin:13px 0 2px}.variable-area{background:#fff}.variable-area label,.create-modal label{display:block;font-size:10px;font-weight:600;color:#718197;margin-top:13px}.variable-area input,.create-modal input,.create-modal textarea,.create-modal select{width:100%;border:1px solid #dce4ec;border-radius:7px;padding:10px 11px;font:11px 'DM Sans';color:var(--ink);margin-top:6px;outline-color:#9bceb1;background:white}.detail-actions,.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.copy-toast{color:#4b936c;font:10px 'DM Mono';margin-top:10px;min-height:13px}.create-modal{width:min(600px,100%)}.create-modal h2{margin-top:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-modal textarea{resize:vertical}.toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:white;border-radius:8px;padding:12px 15px;box-shadow:var(--shadow);font-size:11px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1040px){.sidebar{width:220px}.main-content{margin-left:220px;width:calc(100% - 220px)}.category-grid{grid-template-columns:repeat(2,1fr)}.prompt-grid{grid-template-columns:repeat(2,1fr)}.hero-section,.content-section{padding-left:5%;padding-right:5%}.roadmap{margin-left:5%;margin-right:5%}.main-content footer{padding-left:5%;padding-right:5%}}@media(max-width:720px){.sidebar{width:100%;height:auto;position:relative;padding:15px 16px}.app-shell{display:block}.brand{padding:0 3px 15px}.main-nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.sidebar-section,.sidebar-bottom{display:none}.main-content{margin-left:0;width:100%}.topbar{height:57px;padding:0 18px}.top-actions .icon-button{display:none}.create-button{padding:9px 10px}.hero-section{padding-top:42px}.hero-section h1{font-size:43px;letter-spacing:-2px}.content-section{padding-top:25px}.category-grid,.prompt-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.view-controls{width:100%}.view-controls select{flex:1}.filter-row{overflow:auto;padding-bottom:3px}.filter-spacer,.result-count{display:none}.roadmap{align-items:start}.roadmap-tag{display:none}.main-content footer{gap:10px;flex-direction:column}.modal{padding:23px 18px}.detail-actions{flex-direction:column}.two-col{grid-template-columns:1fr}}
/* Wissensacker skin: springlebendige Farbverläufe, Tiefe und ruhige Bewegung */
:root{--ink:#18203a;--muted:#76809a;--line:#e6e7f2;--paper:#fafaff;--white:#fff;--navy:#17152f;--mint:#b8efd4;--mint-deep:#287a5b;--blue:#cfe4ff;--blue-deep:#3d76c5;--coral:#ffd2cb;--coral-deep:#b85b6b;--violet:#ded5ff;--violet-deep:#7556c8;--brand-violet:#7858df;--brand-blue:#4b9cf4;--brand-green:#59c995;--shadow:0 18px 48px rgba(54,45,119,.11)}
::selection{background:#d9cdfd;color:#21164d}body{background:radial-gradient(circle at 78% 0%,rgba(218,208,255,.38),transparent 30%),radial-gradient(circle at 15% 35%,rgba(197,235,255,.2),transparent 28%),var(--paper);overflow-x:hidden}
.sidebar{background:linear-gradient(165deg,#17152f 0%,#221a4a 55%,#142d3b 100%);box-shadow:12px 0 35px rgba(38,31,89,.12);overflow:hidden}.sidebar::before{content:'';position:absolute;width:210px;height:210px;right:-130px;top:100px;border-radius:50%;background:radial-gradient(circle,rgba(138,106,255,.28),transparent 69%);pointer-events:none}.sidebar::after{content:'';position:absolute;width:170px;height:170px;left:-120px;bottom:120px;border-radius:50%;background:radial-gradient(circle,rgba(89,201,149,.2),transparent 70%);pointer-events:none}.brand,.main-nav,.sidebar-section,.sidebar-bottom{position:relative;z-index:1}.brand-mark{background:linear-gradient(135deg,#c7f4d9,#9ee7ee 54%,#cfc0ff);box-shadow:0 0 0 5px rgba(184,239,212,.1),0 10px 22px rgba(89,201,149,.2);animation:brandBreathe 4.5s ease-in-out infinite}
.nav-item,.category-link{transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.nav-item:hover,.category-link:hover{background:linear-gradient(90deg,rgba(130,102,230,.28),rgba(75,156,244,.16));color:#fff;transform:translateX(3px)}.nav-item.active{background:linear-gradient(100deg,rgba(126,89,225,.62),rgba(73,151,228,.28));box-shadow:inset 3px 0 0 #9a86ff,0 9px 24px rgba(30,20,80,.22)}.mini-card{background:linear-gradient(120deg,rgba(121,87,219,.25),rgba(65,190,153,.13));border-color:rgba(190,181,255,.18);box-shadow:0 12px 26px rgba(9,7,30,.16)}
.topbar{background:rgba(250,250,255,.76);backdrop-filter:blur(15px);position:sticky;top:0;z-index:4}.icon-button,.view-toggle,.filter-button,.secondary-button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.icon-button:hover,.view-toggle:hover,.filter-button:hover,.secondary-button:hover{border-color:#bdb0f4;color:#654cc1;box-shadow:0 8px 18px rgba(92,72,180,.12);transform:translateY(-2px)}
.create-button,.primary-button{background:linear-gradient(115deg,#6045c9 0%,#7858df 45%,#4a9ee4 100%);box-shadow:0 10px 21px rgba(95,68,193,.2);position:relative;overflow:hidden;isolation:isolate}.create-button::after,.primary-button::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.25) 49%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease;z-index:-1}.create-button:hover,.primary-button:hover{background:linear-gradient(115deg,#6d50d6 0%,#8164e9 45%,#5aa9ed 100%);box-shadow:0 14px 28px rgba(95,68,193,.3);transform:translateY(-3px)}.create-button:hover::after,.primary-button:hover::after{transform:translateX(120%)}
.hero-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#fbfbff 0%,#f3f0ff 42%,#effaff 73%,#f4fff8 100%);border-bottom-color:#e4e1f4}.hero-section::before{content:'';position:absolute;width:430px;height:430px;right:-130px;top:-210px;border-radius:50%;background:radial-gradient(circle at 38% 45%,rgba(131,101,235,.23),rgba(75,156,244,.1) 43%,transparent 70%);filter:blur(2px);animation:orbFloat 10s ease-in-out infinite}.hero-section::after{content:'';position:absolute;width:320px;height:320px;left:-170px;bottom:-235px;border-radius:50%;background:radial-gradient(circle,rgba(89,201,149,.16),transparent 68%);animation:orbFloat 12s ease-in-out -2s infinite reverse}.hero-section>*{position:relative;z-index:1;animation:riseIn .65s both}.hero-section>.hero-copy{animation-delay:.08s}.hero-section>.search-wrap{animation-delay:.14s}.hero-section>.suggestions{animation-delay:.2s}.hero-section h1{color:#1c2040;text-shadow:0 8px 28px rgba(104,78,188,.08)}.hero-section h1 em{background:linear-gradient(100deg,#7451d5,#4a9ddf 58%,#3da77e);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% auto;animation:gradientFlow 8s ease-in-out infinite}.eyebrow{color:#4f9272}.live-dot{background:var(--brand-green);box-shadow:0 0 0 4px #ddf8ea,0 0 16px rgba(89,201,149,.45)}
.search-wrap{border-color:#ddd8f1;box-shadow:0 18px 36px rgba(82,64,166,.12);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.search-wrap:focus-within{border-color:#a798ed;box-shadow:0 18px 42px rgba(91,69,196,.2),0 0 0 4px rgba(122,88,223,.1);transform:translateY(-2px)}.suggestions button{transition:color .2s ease,transform .2s ease}.suggestions button:hover{color:#654bc0;transform:translateY(-1px)}
.category-card{background-size:180% 180%;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-position .55s ease}.mint-card{background-image:linear-gradient(135deg,#baf0d7,#b2e8ed 55%,#d8d0ff)}.blue-card{background-image:linear-gradient(135deg,#cfe5ff,#c6d8ff 50%,#d8cbff)}.coral-card{background-image:linear-gradient(135deg,#ffd1c8,#f6cfff 72%,#d6dcff)}.violet-card{background-image:linear-gradient(135deg,#ddd4ff,#c8d8ff 56%,#bdeed9)}.category-card::after{content:'';position:absolute;width:85px;height:85px;right:-28px;bottom:-42px;border-radius:50%;background:rgba(255,255,255,.28);transition:transform .35s ease,opacity .35s ease}.category-card:hover{box-shadow:0 16px 30px rgba(84,67,173,.16);transform:translateY(-6px) scale(1.012);background-position:100% 0}.category-card:hover::after{transform:scale(1.6);opacity:.72}.category-icon{transition:transform .3s ease,color .3s ease}.category-card:hover .category-icon{transform:translateY(-3px) rotate(-6deg);color:#6047be}
.section-heading h2{color:#232945}.text-button{color:#6c51c6;transition:color .2s ease,transform .2s ease}.text-button:hover{color:#3d8e72;transform:translateX(3px)}.filter-button.active{background:linear-gradient(110deg,#27204f,#5d46bb);border-color:#5d46bb;box-shadow:0 8px 18px rgba(87,65,177,.18)}
.prompt-grid{perspective:900px}.prompt-card{overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .25s ease;animation:riseIn .55s both}.prompt-card:nth-child(2){animation-delay:.05s}.prompt-card:nth-child(3){animation-delay:.1s}.prompt-card:nth-child(4){animation-delay:.15s}.prompt-card:nth-child(5){animation-delay:.2s}.prompt-card:nth-child(6){animation-delay:.25s}.prompt-card::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7353d8,#4c9eed,#59c995);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.prompt-card:hover{border-color:#c6bbf3;box-shadow:0 20px 38px rgba(69,54,146,.14);transform:translateY(-5px) rotateX(1deg)}.prompt-card:hover::before{transform:scaleX(1)}.prompt-card h3{transition:color .22s ease}.prompt-card:hover h3{color:#654bc0}.heart{transition:color .2s ease,transform .2s ease}.heart:hover{transform:scale(1.18)}
.roadmap{background:linear-gradient(105deg,#eef8f4,#f3efff 55%,#eef7ff);border-color:#d9d5f4;box-shadow:0 12px 28px rgba(77,62,146,.06)}.roadmap-icon{background:linear-gradient(135deg,#d6f3e2,#dcd3ff);color:#684fc2;animation:brandBreathe 4s ease-in-out infinite}.roadmap-tag{border-color:#cfc4f2;color:#6b55b8}.modal-backdrop{backdrop-filter:blur(5px)}.modal{border:1px solid rgba(176,162,235,.32);box-shadow:0 30px 90px rgba(35,24,83,.3);animation:modalIn .3s ease both}.modal-close{transition:transform .2s ease,background .2s ease}.modal-close:hover{background:#e9e2ff;color:#6249bd;transform:rotate(90deg)}.detail-actions .secondary-button:hover{color:#6047bd}.create-modal .eyebrow{color:#6d52c1}.create-modal input:focus,.create-modal textarea:focus,.create-modal select:focus,.variable-area input:focus{border-color:#a394e9;box-shadow:0 0 0 4px rgba(122,88,223,.1);outline:0}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(76,156,244,.5);outline-offset:2px}@keyframes riseIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-14px,12px,0) scale(1.06)}}@keyframes gradientFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes brandBreathe{0%,100%{transform:translateY(0);box-shadow:0 0 0 5px rgba(184,239,212,.1),0 10px 22px rgba(89,201,149,.2)}50%{transform:translateY(-2px);box-shadow:0 0 0 7px rgba(184,239,212,.14),0 14px 28px rgba(111,87,210,.22)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Usage limits, account state and the transparent subscription page */
.nav-pill{margin-left:auto;background:rgba(255,255,255,.12)!important;color:#b8b1e9!important;font:9px 'DM Mono';font-weight:400!important}.auth-button{border:1px solid #d9d5ef;background:rgba(255,255,255,.7);color:#6550b4;border-radius:8px;padding:9px 11px;font:600 10px 'DM Sans';cursor:pointer;transition:.25s}.auth-button:hover{background:#eee9ff;border-color:#bdb0f4;transform:translateY(-2px);box-shadow:0 8px 18px rgba(92,72,180,.12)}
.usage-strip{display:flex;align-items:center;gap:9px;width:min(670px,100%);margin-top:18px;padding:10px 12px;border:1px solid rgba(174,159,233,.35);border-radius:9px;background:rgba(255,255,255,.52);color:#748299;font:10px 'DM Mono';animation:riseIn .65s .26s both}.usage-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#ded2ff,#c6ebde);color:#6b50c1;font-size:13px}.usage-strip button{margin-left:auto;border:0;background:transparent;color:#6c51c6;font:600 10px 'DM Sans';cursor:pointer;transition:.2s}.usage-strip button:hover{color:#3b946f;transform:translateX(2px)}
.subscription-view{padding:55px 8.2% 44px;animation:riseIn .55s both}.subscription-view[hidden]{display:none}.subscription-hero{position:relative;overflow:hidden;padding:8px 0 30px}.subscription-hero::after{content:'';position:absolute;width:290px;height:290px;right:0;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(120,88,223,.16),rgba(75,156,244,.08) 45%,transparent 70%);pointer-events:none}.subscription-hero>*{position:relative;z-index:1}.subscription-hero h1{font:600 clamp(36px,4vw,55px)/1.04 'Space Grotesk';letter-spacing:-2.5px;margin:17px 0 12px;color:#1c2040}.subscription-hero h1 em{font-style:normal;background:linear-gradient(100deg,#7353d8,#4b9cf4 60%,#4daf83);-webkit-background-clip:text;background-clip:text;color:transparent}.subscription-hero p{max-width:540px;margin:0;color:#7b879b;line-height:1.65}.subscription-status{display:inline-flex;align-items:center;gap:9px;margin-top:21px;border:1px solid #dcd5f1;border-radius:10px;padding:9px 12px;background:linear-gradient(105deg,#f3efff,#effaff);color:#604bb7}.subscription-status .status-check{display:grid;place-items:center;width:20px;height:20px;background:#d8f1e3;color:#3a936b;border-radius:50%;font-weight:700}.subscription-status strong,.subscription-status small{display:block}.subscription-status strong{font:600 10px 'DM Sans'}.subscription-status small{color:#7f8ba0;font:9px 'DM Mono';margin-top:2px}
.plan-steps{display:flex;align-items:center;gap:10px;padding:18px 0 28px}.plan-step{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;color:#99a4b4}.plan-step span{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0edf9;color:#8b79ca;font:10px 'DM Mono'}.plan-step strong{font:600 10px 'DM Sans';color:#66738a}.plan-step small{font:9px 'DM Mono';margin-top:2px}.plan-step.active span{background:linear-gradient(135deg,#7858df,#4b9cf4);color:white;box-shadow:0 8px 16px rgba(97,72,197,.2)}.plan-step.active strong{color:#5e46b6}.step-line{height:1px;flex:1;background:linear-gradient(90deg,#d6cbf5,#cde7df);max-width:85px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e5e4f0;border-radius:15px;padding:21px 19px 18px;min-height:340px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.plan-card::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#bcebd2,#91dced,#bba5ff)}.plan-card:hover{transform:translateY(-6px);border-color:#c4b8f1;box-shadow:0 20px 36px rgba(70,52,146,.14)}.plan-account{background:linear-gradient(150deg,#fff,#faf8ff)}.plan-paid{background:linear-gradient(150deg,#fdfcff,#f2fbf8)}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-label{font:500 9px 'DM Mono';letter-spacing:.6px;text-transform:uppercase;color:#70917f}.plan-number{color:#b6acdb;font:10px 'DM Mono'}.plan-card h2{font:600 20px 'Space Grotesk';margin:20px 0 5px;letter-spacing:-.6px}.plan-lead{color:#7e8a9c;font-size:11px;line-height:1.45;margin:0;min-height:34px}.plan-limit{display:flex;align-items:baseline;gap:9px;margin:19px 0 15px;padding:11px 12px;border-radius:9px;background:#f5f4fa}.plan-limit strong{font:600 28px 'Space Grotesk';letter-spacing:-1px;color:#5843aa}.plan-limit span{color:#7d899b;font:9px 'DM Mono'}.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:#66758a;font-size:10px}.plan-card li::before{content:'✓';color:#4eaa7b;font-weight:700;margin-right:7px}.plan-button{margin-top:auto;width:100%;text-align:center}.paid-button{border:1px solid #bdaeed;background:linear-gradient(110deg,#f0ebff,#eaf8f2);color:#5d48b1;border-radius:8px;padding:10px 13px;font:600 11px 'DM Sans';cursor:pointer;transition:.25s}.paid-button:hover{transform:translateY(-2px);box-shadow:0 10px 19px rgba(91,69,187,.16);border-color:#937de0}
.transparency-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.explain-card{display:flex;gap:12px;padding:17px;border:1px solid #e7e7f0;border-radius:12px;background:rgba(255,255,255,.72)}.explain-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#dcf5e7;color:#3d9b70;font-weight:700}.violet-icon{background:#ebe5ff;color:#7456c8}.explain-card h3{font:600 12px 'Space Grotesk';margin:0 0 5px}.explain-card p{font-size:10px;line-height:1.55;color:#8490a1;margin:0}.faq-card{display:grid;grid-template-columns:190px 1fr;gap:35px;margin-top:14px;padding:22px 20px;border-radius:13px;background:linear-gradient(115deg,#f0f8f4,#f5f1ff);border:1px solid #dfe2f0}.faq-card h2{font:600 21px 'Space Grotesk';letter-spacing:-.6px;margin:7px 0}.faq-list{display:grid;gap:8px}.faq-list details{border-bottom:1px solid rgba(125,111,180,.18);padding:2px 0 9px}.faq-list summary{cursor:pointer;color:#4e5c74;font:600 11px 'DM Sans';list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';float:right;color:#846dcf;font-size:16px;line-height:11px}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:#7b8799;font-size:10px;line-height:1.5;margin:8px 0 0}.prototype-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:9px;background:#fffaf0;border:1px solid #f2e5c9;color:#947441}.prototype-note>span{font-size:17px;color:#d09e43}.prototype-note p{font-size:10px;line-height:1.45;margin:0}.prototype-note strong{font-weight:700}
.auth-modal{width:min(500px,100%)}.auth-modal h2{font:600 26px 'Space Grotesk';margin:12px 0 7px}.logout-button{width:100%;margin-top:14px;border:0;background:#fff1ef;color:#a8615a;padding:10px;border-radius:8px;font:600 11px 'DM Sans';cursor:pointer}.paywall-modal{width:min(530px,100%);text-align:center}.paywall-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:15px;background:linear-gradient(135deg,#e2d8ff,#c5eddb);color:#6349bd;font-size:24px;animation:brandBreathe 4s ease-in-out infinite}.paywall-modal h2{font:600 24px 'Space Grotesk';letter-spacing:-.7px;margin:11px auto 8px;max-width:390px}.paywall-modal .modal-intro{margin:auto;max-width:390px}.paywall-options{display:grid;gap:8px;margin-top:22px}.paywall-option{display:grid;grid-template-columns:1fr auto;gap:2px;text-align:left;border:1px solid #e1dff1;border-radius:9px;background:#faf9ff;padding:12px 13px;cursor:pointer;transition:.25s}.paywall-option:hover{transform:translateY(-2px);border-color:#ae9fe9;box-shadow:0 9px 20px rgba(88,66,178,.12)}.paywall-option strong,.paywall-option span{grid-column:1}.paywall-option strong{font:600 11px 'DM Sans';color:#55429e}.paywall-option span{font:9px 'DM Mono';color:#8993a2;margin-top:4px}.paywall-option b{grid-column:2;grid-row:1 / span 2;align-self:center;color:#7759ca;font-size:18px}.paid-option{background:linear-gradient(105deg,#f1ecff,#eefbf5);border-color:#cfc4f3}.paywall-footnote{color:#a3a0ad;font:9px 'DM Mono';margin:17px 0 0}
.plans-mode .topbar{background:rgba(250,250,255,.88)}
@media(max-width:1040px){.subscription-view{padding-left:5%;padding-right:5%}.plan-grid{grid-template-columns:repeat(2,1fr)}.plan-paid{grid-column:span 2}.faq-card{grid-template-columns:1fr}}
@media(max-width:720px){.auth-button{padding:8px 9px}.usage-strip{align-items:flex-start}.usage-strip button{white-space:nowrap}.subscription-view{padding:36px 5% 34px}.subscription-hero h1{font-size:42px}.plan-steps{align-items:flex-start;gap:4px}.plan-step{grid-template-columns:1fr;text-align:center;justify-items:center;flex:1}.plan-step span{grid-row:auto;margin-bottom:6px}.plan-step strong{font-size:9px}.plan-step small{font-size:8px}.step-line{margin-top:15px}.plan-grid{grid-template-columns:1fr}.plan-paid{grid-column:auto}.transparency-grid{grid-template-columns:1fr}.faq-card{padding:18px 15px}.top-actions{gap:6px}.top-actions .auth-button{font-size:9px}.paywall-modal h2{font-size:21px}}
.auth-modal{width:min(780px,100%);padding:0;overflow:hidden;background:#fff}.auth-layout{display:grid;grid-template-columns:42% 58%;min-height:405px}.auth-visual{position:relative;overflow:hidden;padding:30px 26px;background:linear-gradient(145deg,#5c44c4 0%,#7959de 45%,#43a6aa 100%);color:#fff}.auth-visual::before{content:'';position:absolute;width:290px;height:290px;right:-145px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 68%);animation:orbFloat 9s ease-in-out infinite}.auth-visual::after{content:'';position:absolute;width:190px;height:190px;left:-90px;bottom:-95px;border-radius:50%;background:radial-gradient(circle,rgba(187,255,214,.25),transparent 69%)}.auth-visual>*{position:relative;z-index:1}.auth-kicker{font:500 9px 'DM Mono';letter-spacing:1px;text-transform:uppercase;color:#e4deff}.auth-orbit{display:grid;place-items:center;width:56px;height:56px;margin-top:64px;border:1px solid rgba(255,255,255,.42);border-radius:18px;background:rgba(255,255,255,.14);font-size:28px;box-shadow:0 0 0 9px rgba(255,255,255,.06);animation:brandBreathe 4.5s ease-in-out infinite}.auth-visual h3{font:600 26px/1.05 'Space Grotesk';letter-spacing:-1px;margin:20px 0 10px}.auth-visual h3 em{font-style:normal;color:#caf6db}.auth-visual p{max-width:230px;color:rgba(255,255,255,.78);font-size:11px;line-height:1.55}.auth-benefits{display:grid;gap:7px;margin-top:23px;color:#effff6;font:10px 'DM Mono'}.auth-form-panel{padding:37px 34px 28px}.auth-form-panel h2{font:600 27px 'Space Grotesk';letter-spacing:-.9px;margin:12px 0 7px}.auth-form-panel .modal-intro{max-width:370px}.auth-form-panel .form-actions{margin-top:24px}.paypal-status{margin-top:9px;color:#8d86a6;text-align:center;font:8px 'DM Mono';line-height:1.4}.paypal-status:before{content:'●';color:#e6b45c;margin-right:5px}.paypal-status[data-ready='true']{color:#438b69}.paypal-status[data-ready='true']:before{color:#53bd89}#paypal-button-container{margin-top:8px}
@media(max-width:720px){.auth-layout{grid-template-columns:1fr}.auth-visual{padding:24px 22px 20px}.auth-orbit{margin-top:28px}.auth-visual h3{font-size:23px;margin-top:14px}.auth-benefits{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px 14px}.auth-form-panel{padding:26px 21px 23px}.auth-form-panel .form-actions{flex-direction:column}.auth-form-panel .form-actions button{width:100%}}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#library-total{margin-left:8px;color:#6fbf98;font:500 9px 'DM Mono';letter-spacing:.2px}
.prompt-grid.list-view{grid-template-columns:1fr}
.prompt-grid.list-view .prompt-card{display:grid;grid-template-columns:minmax(190px,.7fr) 1.5fr auto;gap:8px 18px;align-items:center}
.prompt-grid.list-view .prompt-card-top{grid-row:1 / span 3;align-self:start}
.prompt-grid.list-view .prompt-card h3,.prompt-grid.list-view .prompt-card p,.prompt-grid.list-view .prompt-card .tag-row{grid-column:2}
.prompt-grid.list-view .prompt-card .card-footer{grid-column:3;grid-row:1 / span 3;display:grid;gap:6px;justify-items:end}
.prompt-category.category-mint{background:#e1faee;color:#32886a}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-grid.list-view .prompt-card{grid-template-columns:1fr}.prompt-grid.list-view .prompt-card-top,.prompt-grid.list-view .prompt-card h3,.prompt-grid.list-view .prompt-card p,.prompt-grid.list-view .prompt-card .tag-row,.prompt-grid.list-view .prompt-card .card-footer{grid-column:auto;grid-row:auto}.prompt-grid.list-view .prompt-card .card-footer{display:flex;justify-items:initial}}
@media(max-width:640px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#library-total{display:block;margin:7px 0 0}}