@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#1c2a3a;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f8fa}button,input,textarea,select{font:inherit}button{cursor:pointer}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:36px;background:#1c2a3a;color:#fff}.loading-screen .brand{color:#fff}.loading-pulse{width:54px;height:3px;background:linear-gradient(90deg,transparent,#f0b95b,transparent);animation:pulse 1.3s infinite}@keyframes pulse{0%{opacity:.2;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}to{opacity:.2;transform:scaleX(.5)}}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em;color:#1c2a3a}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#1c2a3a;border-radius:9px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;width:12px;height:3px;background:#f0b95b;border-radius:2px;left:9px}.brand-mark:before{top:8px}.brand-mark span{top:13.5px;width:8px}.brand-mark:after{top:19px;width:12px}.brand-name{font-size:19px}.eyebrow{text-transform:uppercase;font:500 11px DM Mono,monospace;letter-spacing:.1em;color:#8a95a3;display:flex;align-items:center;gap:7px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.92fr) 1.08fr;background:#1c2a3a}.auth-intro{color:#f7f8fa;padding:clamp(32px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;border-right:1px solid rgba(255,255,255,.1)}.auth-intro .brand{color:#fff}.intro-copy{max-width:530px;margin:auto 0}.intro-copy .eyebrow{color:#f0b95b}.intro-copy h1{font-size:clamp(42px,5vw,70px);line-height:.99;letter-spacing:-.065em;margin:20px 0 26px;font-weight:600}.intro-copy h1 em{font-family:Playfair Display,serif;color:#f0b95b;font-weight:600}.intro-copy p{color:#c3cbd3;max-width:410px;font-size:17px;line-height:1.6;margin:0}.intro-note{color:#94a1af;font:12px DM Mono,monospace;display:flex;align-items:center;gap:9px}.note-dot{display:inline-block;width:7px;height:7px;background:#6fcf97;border-radius:50%}.auth-card-wrap{display:grid;place-items:center;padding:40px}.auth-card{width:min(100%,420px);background:#fff;padding:40px;border:1px solid #e6e9ed;box-shadow:0 22px 70px #17243414;border-radius:18px}.auth-card-header{text-align:center;margin-bottom:30px}.auth-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 17px;border-radius:50%;background:#fff4dd;color:#ad771e}.auth-card h2{font-size:25px;letter-spacing:-.04em;margin:0 0 7px}.auth-card-header p{margin:0;color:#7c8793;font-size:14px}.auth-form,.modal form{display:grid;gap:18px}.auth-form label,.modal label{color:#526170;font-size:13px;font-weight:600;display:grid;gap:8px}.auth-form input,.modal input,.modal textarea{width:100%;border:1px solid #dfe4e8;background:#fbfcfd;border-radius:8px;color:#1c2a3a;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.modal input:focus,.modal textarea:focus,.search-box:focus-within{border-color:#e5ae52;box-shadow:0 0 0 3px #f0b95b29}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:13px;top:13px;color:#9ba6b1}.input-with-icon input{padding-left:40px}.button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;padding:11px 16px;transition:transform .15s,background .15s,color .15s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.65;transform:none}.button-primary{background:#1c2a3a;color:#fff}.button-primary:hover{background:#273a4e}.button-wide{width:100%;padding:13px;margin-top:4px}.button-ghost{background:transparent;color:#6a7580}.button-ghost:hover{background:#f3f5f7}.auth-switch{border-top:1px solid #edf0f2;margin-top:28px;padding-top:22px;text-align:center;color:#7c8793;font-size:13px}.auth-switch button{background:transparent;border:0;color:#a46e17;font-weight:700;padding:0 0 0 5px}.auth-footer{color:#97a2ae;font-size:12px;margin:20px 0 0;text-align:center;max-width:390px;line-height:1.5}.config-alert{border:1px solid #f1d9a7;background:#fff9eb;border-radius:10px;padding:15px;display:grid;gap:6px;color:#8c651f;font-size:13px;line-height:1.5}.form-message{font-size:13px;line-height:1.45}.form-message.error{color:#b34e4e}.form-message.success{color:#37825c}.app-shell{min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid #e8ebee;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px)}.topbar-right{display:flex;align-items:center;gap:19px}.saved-count{display:flex;align-items:center;gap:6px;color:#8a95a3;font:12px DM Mono,monospace}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#f0b95b;color:#1c2a3a;font-weight:700;font-size:13px}.logout-button{background:transparent;border:0;display:flex;align-items:center;gap:7px;color:#71808e;font-size:13px;padding:6px 0}.logout-button:hover{color:#1c2a3a}.workspace{max-width:1220px;margin:0 auto;padding:clamp(38px,6vw,70px) clamp(20px,5vw,60px) 80px}.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.workspace-heading h1{font-size:clamp(30px,4vw,43px);letter-spacing:-.06em;margin:13px 0 8px;line-height:1}.workspace-heading p{color:#82909d;margin:0;font-size:16px}.search-row{display:flex;gap:12px}.search-box{height:53px;flex:1;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dfe4e8;border-radius:9px;padding:0 15px;transition:border-color .2s,box-shadow .2s}.search-box>svg{color:#a1abb5}.search-box input{min-width:0;border:0;outline:0;background:transparent;flex:1;color:#1c2a3a;font-size:15px}.search-box input::placeholder{color:#9ca7b2}.shortcut{display:flex;align-items:center;gap:3px;color:#9ca7b2;font:11px DM Mono,monospace;border:1px solid #e3e7ea;border-radius:5px;padding:4px 6px}.clear-search{display:grid;place-items:center;border:0;background:#edf0f2;color:#788692;width:23px;height:23px;border-radius:50%;padding:0}.filter-toggle{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 20px;border-bottom:1px solid #e6e9ec;margin-bottom:25px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;color:#89949f;border-radius:7px;padding:8px 10px;font-size:13px}.filter-tabs button:hover{color:#1c2a3a;background:#edf0f2}.filter-tabs button.active{color:#1c2a3a;background:#e9edf0;font-weight:700}.filter-tabs span{color:#9ba6b1;font:11px DM Mono,monospace}.sort-select{position:relative;display:flex;align-items:center;gap:5px;color:#9ba6b1;font-size:12px;white-space:nowrap}.sort-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 22px 6px 4px;border:0;color:#526170;background:transparent;outline:none;font-size:12px;cursor:pointer}.sort-select svg{position:absolute;right:0;pointer-events:none;color:#84909c}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.prompt-card{background:#fff;border:1px solid #e4e8eb;border-radius:11px;padding:20px;display:flex;flex-direction:column;min-height:270px;transition:box-shadow .2s,transform .2s,border-color .2s}.prompt-card:hover{border-color:#d8dee3;box-shadow:0 14px 28px #1c2a3a0f;transform:translateY(-2px)}.card-head{display:flex;justify-content:space-between;gap:12px}.card-heading h3{margin:0 0 10px;font-size:16px;letter-spacing:-.025em;line-height:1.25}.category-pill{display:inline-block;color:#a46e17;background:#fff5df;border-radius:4px;padding:4px 7px;font:10px DM Mono,monospace}.star-button{flex:0 0 auto;border:0;background:transparent;color:#c8d0d6;padding:1px;height:24px}.star-button.active,.star-button:hover{color:#e5a93d}.prompt-preview{color:#5f6d79;font-size:14px;line-height:1.55;margin:18px 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;white-space:pre-line}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px}.tag-list{display:flex;gap:6px;flex-wrap:wrap;color:#98a2ac;font:11px DM Mono,monospace}.card-date{color:#b0b8bf;font:10px DM Mono,monospace;white-space:nowrap}.card-actions{display:flex;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f2}.button-copy{flex:1;background:#f1f4f5;color:#526170;padding:8px 10px;font-size:12px}.button-copy:hover{background:#e8ecee;color:#1c2a3a}.button-small{width:33px;height:33px;padding:0;background:transparent;border:1px solid #e4e8eb;color:#89949f}.button-small:hover{background:#f2f4f5;color:#1c2a3a}.button-small.danger:hover{color:#b34e4e;border-color:#edcccc;background:#fff5f5}.menu-button{display:none}.empty-state{text-align:center;background:#fff;border:1px dashed #d6dde2;border-radius:12px;padding:70px 22px}.empty-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;background:#fff4dd;color:#b77f24}.empty-state h2{font-size:19px;letter-spacing:-.03em;margin:0 0 8px}.empty-state p{color:#8a95a3;margin:0 auto 22px;font-size:14px}.skeleton-card{height:270px;background:#fff;border:1px solid #e4e8eb;border-radius:11px;padding:22px;display:flex;flex-direction:column;gap:14px}.skeleton-card div{height:12px;background:#eef1f3;border-radius:5px;animation:shimmer 1.2s infinite alternate}.skeleton-card div:first-child{width:60%;height:19px}.skeleton-card div:nth-child(2){width:28%}.skeleton-card div:nth-child(3){width:90%;margin-top:15px}.skeleton-card div:nth-child(4){width:72%;margin-top:auto}@keyframes shimmer{to{opacity:.45}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#1c2a3a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,610px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:14px;padding:28px;box-shadow:0 25px 80px #1c2a3a3d}.modal-topline{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.modal h2{font-size:27px;letter-spacing:-.05em;margin:8px 0 0}.icon-button{border:0;background:#f0f3f5;color:#73808d;width:33px;height:33px;display:grid;place-items:center;border-radius:50%}.icon-button:hover{background:#e6eaed;color:#1c2a3a}.modal textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-hint{font:10px DM Mono,monospace;color:#a0aab3;font-weight:400}.checkbox-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;cursor:pointer}.checkbox-row input{position:absolute;opacity:0;width:1px!important}.check-ui{width:19px;height:19px;border:1px solid #ccd4da;border-radius:5px;display:grid;place-items:center;color:transparent}.checkbox-row input:checked+.check-ui{color:#1c2a3a;background:#f0b95b;border-color:#f0b95b}.modal-actions{border-top:1px solid #edf0f2;padding-top:19px;margin-top:4px;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:11px 15px;border-radius:8px;color:#fff;background:#1c2a3a;box-shadow:0 10px 30px #1c2a3a33;font-size:13px;animation:toast-in .2s ease-out}.toast svg{color:#f0b95b}.toast-error{background:#a94c4c}.toast-error svg{color:#ffd8d8}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:32px 28px;gap:70px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.intro-copy{margin:0}.intro-copy h1{font-size:52px}.auth-intro .intro-note{display:none}.auth-card-wrap{padding:42px 20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.brand-name{font-size:17px}.topbar{height:64px;padding:0 18px}.saved-count,.logout-button span{display:none}.topbar-right{gap:14px}.workspace{padding:34px 16px 60px}.workspace-heading{align-items:start;flex-direction:column;margin-bottom:28px;gap:20px}.workspace-heading h1{font-size:34px}.workspace-heading .button{width:100%}.search-row{gap:8px}.shortcut{display:none}.filter-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe4e8;background:#fff;color:#667584;border-radius:8px;padding:0 12px;font-size:13px}.toolbar{align-items:start;flex-direction:column;gap:13px;padding:17px 0}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:2px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{white-space:nowrap}.sort-select{margin-left:5px}.card-grid{grid-template-columns:1fr;gap:12px}.prompt-card{min-height:245px}.auth-intro{padding:28px 22px 35px;gap:55px}.intro-copy h1{font-size:45px}.intro-copy p{font-size:15px}.auth-card{padding:28px 21px}.form-grid{grid-template-columns:1fr;gap:18px}.modal{padding:22px 18px}.modal h2{font-size:24px}.modal-actions{justify-content:stretch}.modal-actions .button{flex:1}.empty-state{padding:58px 18px}}
