*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #fafafa;--color-surface: #ffffff;--color-border: #e5e5e5;--color-border-hover: #d4d4d4;--color-text-primary: #171717;--color-text-secondary: #525252;--color-text-tertiary: #a3a3a3;--color-accent: #3b3b3b;--color-accent-hover: #262626;--color-accent-subtle: #f5f5f5;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--color-background: #0a0a0a;--color-surface: #171717;--color-border: #262626;--color-border-hover: #404040;--color-text-primary: #fafafa;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-accent: #fafafa;--color-accent-hover: #e5e5e5;--color-accent-subtle: #262626;--color-error: #ef4444;--color-error-bg: #1f1313;--color-success: #22c55e}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text-primary);background-color:var(--color-background);transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}i{display:inline-block}button i,a i{margin-right:6px}button i:only-child,a i:only-child{margin-right:0}.fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle{position:relative;width:56px;height:28px;background:var(--color-border);border-radius:14px;cursor:pointer;transition:background-color .3s ease;border:1px solid var(--color-border-hover)}.theme-toggle:hover{background:var(--color-border-hover)}.theme-toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--color-surface);border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.theme-toggle-slider i{font-size:.75rem;color:var(--color-text-secondary)}[data-theme=dark] .theme-toggle-slider{transform:translate(28px)}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:ease}a,button,input,select,textarea,.prompt-card,.theme-toggle-slider{transition:all .15s ease}*:focus{transition:none}.navbar{background:var(--color-surface);padding:0;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc}[data-theme=dark] .navbar{background:#171717cc}.navbar .container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;height:56px}.navbar .logo{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:color .15s ease;letter-spacing:-.02em}.navbar .logo:hover{color:var(--color-text-secondary)}.nav-links i{font-size:.8125rem;opacity:.8}.nav-links{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-links .theme-toggle{margin-left:var(--spacing-sm)}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .15s ease;padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;letter-spacing:-.01em}.nav-links a:hover{color:var(--color-text-primary);background:var(--color-accent-subtle)}.username{color:var(--color-text-secondary);font-size:.8125rem;padding:6px 12px;background:var(--color-accent-subtle);border-radius:6px;font-weight:500;letter-spacing:-.01em}.btn-logout{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.8125rem;transition:all .15s ease;letter-spacing:-.01em}.btn-logout:hover{background:var(--color-accent-subtle);color:var(--color-text-primary);border-color:var(--color-border-hover)}@media(max-width:768px){.navbar .container{padding:0 var(--spacing-md)}.navbar .logo{font-size:.875rem}.nav-links{gap:var(--spacing-xs)}.nav-links a{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.nav-links a i{font-size:.75rem}.username{display:none}.btn-logout{padding:6px 10px;font-size:.75rem}}@media(max-width:480px){.navbar .container{padding:0 var(--spacing-sm)}.nav-links a{padding:var(--spacing-xs)}.nav-links a span,.btn-logout span{display:none}}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-lg);transition:all .15s ease;cursor:pointer}.prompt-card:hover{border-color:var(--color-border-hover);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .prompt-card:hover{box-shadow:0 1px 3px #0000004d}.prompt-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.prompt-header h3{margin:0;color:var(--color-text-primary);font-size:.9375rem;font-weight:600;line-height:1.4;letter-spacing:-.02em}.category{background:var(--color-accent-subtle);color:var(--color-text-secondary);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;border:1px solid var(--color-border)}.prompt-text{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);font-size:.875rem;letter-spacing:-.01em}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tag{background:transparent;color:var(--color-text-tertiary);padding:4px 8px;border-radius:4px;font-size:.75rem;border:1px solid var(--color-border);letter-spacing:-.01em}.prompt-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);gap:var(--spacing-sm);min-height:40px}.meta{display:flex;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:.75rem;letter-spacing:-.01em;align-items:center;flex-wrap:wrap}.meta span{display:flex;align-items:center;gap:4px;white-space:nowrap}.meta i{font-size:.75rem}.like-button{background:none;border:none;color:var(--color-text-tertiary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;transition:all .2s ease;letter-spacing:-.01em;font-family:inherit;white-space:nowrap}.like-button:hover{background:var(--color-accent-subtle);color:var(--color-text-secondary)}.like-button i{font-size:.875rem;transition:all .3s ease}.like-button.liked{color:#ef4444}.like-button.liked:hover{color:#dc2626}.like-button.animating i{animation:heartBeat .6s ease}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.9)}45%{transform:scale(1.15)}60%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}.actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.btn-view,.btn-edit,.btn-delete{padding:6px 12px;border-radius:6px;font-size:.75rem;border:1px solid var(--color-border);cursor:pointer;text-decoration:none;transition:all .15s ease;font-weight:500;letter-spacing:-.01em;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.btn-view i,.btn-edit i,.btn-delete i{font-size:.75rem}.btn-view{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}[data-theme=dark] .btn-view{color:var(--color-background)}.btn-delete{background:transparent;color:var(--color-error);border-color:var(--color-border)}.btn-view:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}@media(max-width:768px){.prompt-card{padding:var(--spacing-md)}.prompt-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.prompt-header h3{font-size:.875rem}.prompt-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.actions{width:100%;justify-content:flex-start}.btn-view,.btn-edit,.btn-delete{flex:1;justify-content:center}}@media(max-width:480px){.prompt-card{padding:var(--spacing-sm)}.prompt-text{font-size:.8125rem}.meta{font-size:.6875rem}.btn-view,.btn-edit,.btn-delete{padding:5px 10px;font-size:.6875rem}}.home{min-height:calc(100vh - 56px)}.hero{background:var(--color-surface);color:var(--color-text-primary);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;border-bottom:1px solid var(--color-border);position:relative;overflow:hidden;background-image:linear-gradient(#00000059,#00000059),url(https://images.unsplash.com/photo-1493673272479-a20888bcee10?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDI1fHx8ZW58MHx8fHx8);background-size:cover;background-position:center;background-repeat:no-repeat}[data-theme=dark] .hero{background-image:linear-gradient(#0c0c0c8c,#0c0c0c8c),url(https://images.unsplash.com/photo-1493673272479-a20888bcee10?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDI1fHx8ZW58MHx8fHx8);background-size:cover;background-position:center;background-repeat:no-repeat}.hero h1{font-size:2.25rem;margin-bottom:var(--spacing-md);font-weight:600;letter-spacing:-.03em;line-height:1.2;position:relative;z-index:1}.hero h1,.hero p{position:relative;z-index:1;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.55)}.hero p{font-size:1rem;color:#ffffffeb;font-weight:400;letter-spacing:-.01em}.container{max-width:1280px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.search-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background:transparent;padding:0}.search-bar input{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;background:var(--color-surface);color:var(--color-text-primary);transition:all .15s ease;letter-spacing:-.01em}.search-bar input:focus{outline:none;border-color:var(--color-accent)}.search-bar input::placeholder{color:var(--color-text-tertiary)}.search-bar select{padding:10px 14px;border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;min-width:150px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:all .15s ease;letter-spacing:-.01em}.search-bar select:focus{outline:none;border-color:var(--color-accent)}.search-bar button{background:var(--color-accent);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .15s ease;font-weight:500;letter-spacing:-.01em}[data-theme=dark] .search-bar button{color:var(--color-background)}.search-bar button:hover{background:var(--color-accent-hover)}.loading,.no-prompts{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);font-size:.9375rem;letter-spacing:-.01em}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.btn-page{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.875rem;font-weight:500;letter-spacing:-.01em}[data-theme=dark] .btn-page{color:var(--color-background)}.btn-page:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-page:disabled{background:transparent;border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.page-info{color:var(--color-text-secondary);font-weight:500;font-size:.875rem;letter-spacing:-.01em}@media(max-width:968px){.hero{padding:var(--spacing-xl) var(--spacing-md)}.hero h1{font-size:1.75rem}.hero p{font-size:.9375rem}.container{padding:var(--spacing-xl) var(--spacing-md)}.search-bar{flex-direction:column;gap:var(--spacing-sm)}.search-bar input,.search-bar select,.search-bar button{width:100%}.prompts-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media(max-width:480px){.hero{padding:var(--spacing-lg) var(--spacing-sm)}.hero h1{font-size:1.5rem}.hero h1 img{height:1.5em!important;margin-right:.3em!important}.hero p{font-size:.875rem}.container{padding:var(--spacing-lg) var(--spacing-sm)}.btn-page{padding:6px 12px;font-size:.8125rem}.page-info{font-size:.8125rem}}.auth-container{min-height:calc(100vh - 56px);display:flex;background:var(--color-background)}.auth-hero{flex:1;background:var(--color-accent);padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:space-between;color:var(--color-background);position:relative;overflow:hidden;background-image:linear-gradient(#3b3b3b99,#3b3b3b99),url(https://imgproxy.domestika.org/unsafe/w:1200/rs:fill/plain/src://blog-post-open-graph-covers/000/013/929/13929-original.jpg?1748526856);background-size:cover;background-position:center;background-repeat:no-repeat}.login-page .auth-hero{background-image:linear-gradient(#00000040,#00000040),url(https://images.unsplash.com/photo-1515378960530-7c0da6231fb1?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&q=80&w=870);background-size:cover;background-position:center;background-repeat:no-repeat}[data-theme=dark] .auth-hero{background-image:linear-gradient(#171717a6,#171717a6),url(https://imgproxy.domestika.org/unsafe/w:1200/rs:fill/plain/src://blog-post-open-graph-covers/000/013/929/13929-original.jpg?1748526856);background-size:cover;background-position:center;background-repeat:no-repeat;border-right:1px solid var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .login-page .auth-hero{background-image:linear-gradient(#0000008c,#0000008c),url(https://images.unsplash.com/photo-1515378960530-7c0da6231fb1?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&q=80&w=870);background-size:cover;background-position:center;background-repeat:no-repeat;border-right:1px solid var(--color-border);color:var(--color-text-primary)}.auth-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-15deg)}.auth-hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(25deg)}.auth-hero-content{position:relative;z-index:1;max-width:480px}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-2xl);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.auth-logo i{font-size:2rem}.auth-hero h1{font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-lg);line-height:1.2;letter-spacing:-.03em;color:inherit}.auth-hero p{font-size:1rem;line-height:1.7;opacity:.95;letter-spacing:-.01em;color:inherit}.auth-hero-footer{position:relative;z-index:1;font-size:.875rem;opacity:.8;letter-spacing:-.01em;color:inherit}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-surface)}.auth-box{background:transparent;border:none;padding:0;width:100%;max-width:420px}.auth-box h2{text-align:left;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.auth-box p.subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:.9375rem;letter-spacing:-.01em}.form-group input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem;transition:all .15s ease;background:var(--color-background);color:var(--color-text-primary);letter-spacing:-.01em}.form-group input:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface)}.form-group input::placeholder{color:var(--color-text-tertiary)}.btn-submit{width:100%;background:var(--color-accent);color:#fff;border:none;padding:12px 14px;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background:var(--color-accent-subtle);color:var(--color-text-tertiary);cursor:not-allowed}.auth-link{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:.875rem;letter-spacing:-.01em}.auth-box p.subtitle{text-align:left}.auth-box p.subtitle a,.auth-link a{color:var(--color-text-primary);text-decoration:none;font-weight:500;border-bottom:1px solid var(--color-text-tertiary);transition:border-color .15s ease}.auth-box p.subtitle a:hover,.auth-link a:hover{border-color:var(--color-text-primary)}@media(max-width:968px){.auth-container{flex-direction:column}.auth-hero{min-height:280px;padding:var(--spacing-xl)}.auth-hero h1{font-size:1.75rem}.auth-hero:before,.auth-hero:after{display:none}.auth-form-section{padding:var(--spacing-xl)}}.create-container{min-height:calc(100vh - 56px);background:var(--color-background);padding:var(--spacing-xl)}.create-box{max-width:800px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-2xl)}.create-box h2{color:var(--color-text-primary);margin-bottom:var(--spacing-xl);text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:10px}.create-box h2 i{font-size:1.25rem;opacity:.7}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-md);border-radius:6px;margin-bottom:var(--spacing-lg);text-align:center;font-size:.875rem;border:1px solid rgba(220,38,38,.2);letter-spacing:-.01em}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-weight:500;font-size:.875rem;letter-spacing:-.01em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .15s ease;background:var(--color-surface);color:var(--color-text-primary);letter-spacing:-.01em}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23525252' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}[data-theme=dark] .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a3a3a3' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-group textarea{resize:vertical;min-height:180px;line-height:1.6}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.btn-cancel,.btn-submit{padding:10px 20px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--color-border);letter-spacing:-.01em}.btn-cancel{background:transparent;color:var(--color-text-secondary)}.btn-cancel:hover{background:var(--color-accent-subtle);color:var(--color-text-primary)}.btn-submit{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}[data-theme=dark] .btn-submit{color:var(--color-background)}.btn-submit:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-submit:disabled{background:var(--color-accent-subtle);color:var(--color-text-tertiary);border-color:var(--color-border);cursor:not-allowed}@media(max-width:768px){.create-container{padding:var(--spacing-md)}.create-box{padding:var(--spacing-lg)}.create-box h2{font-size:1.25rem}.form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.btn-cancel,.btn-submit{width:100%;justify-content:center}}@media(max-width:480px){.create-container{padding:var(--spacing-sm)}.create-box{padding:var(--spacing-md)}.create-box h2{font-size:1.125rem}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;font-size:.8125rem}.form-group textarea{min-height:140px}.btn-cancel,.btn-submit{padding:8px 16px;font-size:.8125rem}}.detail-container{min-height:calc(100vh - 56px);background:var(--color-background);padding:var(--spacing-xl)}.detail-box{max-width:900px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-2xl)}.detail-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.detail-header h1{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1.3}.meta-info{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;color:var(--color-text-secondary);font-size:.875rem;letter-spacing:-.01em;align-items:center}.meta-info .like-button{background:none;border:none;color:var(--color-text-tertiary);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;transition:all .2s ease;letter-spacing:-.01em;font-family:inherit}.meta-info .like-button:hover{background:var(--color-accent-subtle);color:var(--color-text-secondary)}.meta-info .like-button i{font-size:1.125rem;transition:all .3s ease}.meta-info .like-button.liked{color:#ef4444}.meta-info .like-button.liked:hover{color:#dc2626}.meta-info .like-button.animating i{animation:heartBeat .6s ease}.category{background:var(--color-accent-subtle);color:var(--color-text-secondary);padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:500;border:1px solid var(--color-border);letter-spacing:-.01em}.actions{display:flex;gap:var(--spacing-sm)}.btn-edit,.btn-delete{padding:8px 16px;border-radius:6px;font-size:.8125rem;border:1px solid var(--color-border);cursor:pointer;text-decoration:none;transition:all .15s ease;font-weight:500;letter-spacing:-.01em}.btn-edit{background:transparent;color:var(--color-text-secondary)}.btn-delete{background:transparent;color:var(--color-error)}.btn-edit:hover{background:var(--color-accent-subtle);color:var(--color-text-primary)}.btn-delete:hover{background:var(--color-error-bg);border-color:var(--color-error)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tag{background:transparent;color:var(--color-text-tertiary);padding:6px 12px;border-radius:6px;font-size:.8125rem;border:1px solid var(--color-border);letter-spacing:-.01em}.prompt-content{background:var(--color-accent-subtle);border:1px solid var(--color-border);border-radius:6px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.prompt-content h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.prompt-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.7;color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:.9375rem;letter-spacing:-.01em}.btn-copy{background:var(--color-accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .15s ease;font-weight:500;letter-spacing:-.01em}[data-theme=dark] .btn-copy{color:var(--color-background)}.btn-copy:hover{background:var(--color-accent-hover)}.back-link{margin-top:var(--spacing-xl)}.back-link a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color .15s ease;font-size:.875rem;letter-spacing:-.01em}.back-link a:hover{color:var(--color-text-primary)}.loading,.error{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);font-size:.9375rem;letter-spacing:-.01em}.error{color:var(--color-error)}.copy-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--color-surface);color:var(--color-text-primary);padding:12px 20px;border-radius:8px;border:1px solid var(--color-border);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;letter-spacing:-.01em;z-index:1000;animation:slideUp .3s ease,fadeOut .3s ease 1.7s}[data-theme=dark] .copy-toast{box-shadow:0 4px 12px #0006}.copy-toast i{color:#10b981;font-size:1.125rem}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.detail-container{padding:var(--spacing-md)}.detail-box{padding:var(--spacing-lg)}.detail-header{flex-direction:column;gap:var(--spacing-md)}.detail-header h1{font-size:1.5rem}.meta-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.actions{width:100%;justify-content:flex-start}.btn-edit,.btn-delete{flex:1;justify-content:center}.copy-toast{bottom:20px;left:var(--spacing-md);right:var(--spacing-md);transform:translate(0);width:auto}}@media(max-width:480px){.detail-container{padding:var(--spacing-sm)}.detail-box{padding:var(--spacing-md)}.detail-header h1{font-size:1.25rem}.prompt-content{padding:var(--spacing-md)}.prompt-content pre{font-size:.875rem}.btn-copy{padding:8px 16px;font-size:.8125rem}.btn-edit,.btn-delete{padding:6px 12px;font-size:.75rem}}.app{min-height:100vh;background:var(--color-background)}*{box-sizing:border-box}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);font-size:.9375rem;font-weight:400;letter-spacing:-.01em}