:root,[data-theme=light]{--bg: #ffffff;--bg-surface: #f8fafc;--bg-elevated: #f1f5f9;--bg-overlay: rgba(15, 23, 42, .5);--border: #e2e8f0;--border-subtle: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-fg: #ffffff;--accent-subtle: #eff6ff;--danger: #dc2626;--danger-hover: #b91c1c;--danger-subtle: #fef2f2;--success: #16a34a;--success-subtle: #f0fdf4;--warning: #d97706;--warning-subtle: #fffbeb;--sidebar-width: 15rem;--header-height: 3.25rem;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 1px 4px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition: .15s ease;--transition-lg: .25s ease}[data-theme=dark]{--bg: #0f172a;--bg-surface: #1e293b;--bg-elevated: #334155;--bg-overlay: rgba(0, 0, 0, .6);--border: #334155;--border-subtle: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--text-subtle: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--accent-active: #1d4ed8;--accent-fg: #ffffff;--accent-subtle: #1e3a5f;--danger: #ef4444;--danger-hover: #dc2626;--danger-subtle: #2d1515;--success: #22c55e;--success-subtle: #14230f;--warning: #f59e0b;--warning-subtle: #231a04;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 1px 4px rgba(0,0,0,.4);--shadow-lg: 0 4px 16px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}[x-cloak]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mt-0{margin-top:0}.mt-15{margin-top:1.5rem}.mt-2{margin-top:2rem}.mb-0{margin-bottom:0}.mb-15{margin-bottom:1.5rem}.mb-2{margin-bottom:2rem}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-subtle{color:var(--text-subtle)}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.gap-05{gap:.5rem}.gap-1{gap:1rem}.gap-15{gap:1.5rem}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.max-w-sm{max-width:28rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.prose{max-width:72ch;line-height:1.75}.prose h1{font-size:var(--text-2xl);font-weight:700;margin-block:1.25rem .5rem}.prose h2{font-size:var(--text-xl);font-weight:700;margin-block:1.1rem .4rem}.prose h3{font-size:var(--text-lg);font-weight:600;margin-block:1rem .35rem}.prose p{margin-block:.75rem}.prose a{color:var(--accent);text-decoration:underline}.prose a:hover{color:var(--accent-hover)}.prose ul,.prose ol{padding-left:1.5rem;margin-block:.75rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-block:.25rem}.prose blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--text-muted);margin-block:.75rem}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-elevated);padding:.125em .35em;border-radius:var(--radius-sm)}.prose pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-x:auto;margin-block:.75rem}.prose pre code{background:none;padding:0;font-size:var(--text-sm)}.prose hr{border:none;border-top:1px solid var(--border);margin-block:1.5rem}.prose table{width:100%;border-collapse:collapse;margin-block:.75rem;font-size:var(--text-sm)}.prose th,.prose td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.prose th{background:var(--bg-surface);font-weight:600}.prose img{border-radius:var(--radius);margin-block:.75rem}.prose del{text-decoration:line-through;opacity:.7}.prose mark{background:#facc1540;color:inherit;padding:.1em .25em;border-radius:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;min-height:100dvh}.sidebar{display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);position:sticky;top:0;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.sidebar-header{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:var(--text-lg);color:var(--text);text-decoration:none;letter-spacing:-.02em}.sidebar-logo:hover{text-decoration:none;color:var(--text)}.sidebar-profile-link{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;margin-left:auto;border-radius:var(--radius);color:var(--text-subtle);text-decoration:none;transition:background var(--transition),color var(--transition)}.sidebar-profile-link:hover{background:var(--accent-subtle);color:var(--accent);text-decoration:none}.sidebar-profile-link svg{width:.875rem;height:.875rem}.sidebar-logo-mark{width:1.75rem;height:1.75rem;flex-shrink:0;display:block;color:#22c55e}.sidebar-nav{flex:1;padding:.5rem 0;display:flex;flex-direction:column;gap:0}.sidebar-spacer{flex:1}.sidebar-section{margin-bottom:.75rem}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);padding:.375rem .5rem;display:flex;align-items:center;justify-content:space-between}.sidebar-panel{padding:0 .5rem}.sidebar-panel-bottom{border-top:1px solid var(--border);padding-top:.25rem;padding-bottom:.25rem}.sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0}.sidebar-panel-toggle-group{display:flex;align-items:center;gap:0}.sidebar-panel-caret{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:none;border:none;cursor:pointer;color:var(--text-subtle);border-radius:var(--radius);transition:color var(--transition),background var(--transition);flex-shrink:0}.sidebar-panel-caret:hover{color:var(--text);background:var(--bg-elevated)}.sidebar-panel-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);text-decoration:none;padding:.375rem .25rem;border-radius:var(--radius);transition:color var(--transition)}.sidebar-panel-label:hover{color:var(--text);text-decoration:none}.sidebar-panel-toggle{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);background:none;border:none;cursor:pointer;padding:.375rem .25rem;border-radius:var(--radius);transition:color var(--transition)}.sidebar-panel-toggle:hover{color:var(--text)}.sidebar-panel-chevron{width:.75rem;height:.75rem;flex-shrink:0;transition:transform var(--transition)}.sidebar-panel-chevron.rotated{transform:rotate(90deg)}.sidebar-panel-actions{display:flex;align-items:center;gap:.125rem}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;padding:0;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:background var(--transition),color var(--transition);text-decoration:none}.sidebar-action-btn:hover{background:var(--accent-subtle);color:var(--accent);text-decoration:none}.sidebar-action-btn svg{width:.9375rem;height:.9375rem}.sidebar-panel-body{padding-bottom:.25rem}.sidebar-panel-links{margin-top:.375rem;padding-top:.375rem;border-top:1px solid var(--border-subtle)}.sidebar-upgrade{padding:.5rem}.sidebar-upgrade-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background var(--transition),color var(--transition)}.sidebar-upgrade-link:hover{background:var(--accent-subtle);color:var(--accent);text-decoration:none}.sidebar-upgrade-link svg{width:1rem;height:1rem;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:background var(--transition),color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item:hover{background:var(--bg-elevated);color:var(--text);text-decoration:none}.sidebar-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.sidebar-item svg{width:1rem;height:1rem;flex-shrink:0;opacity:.7}.sidebar-item.active svg{opacity:1}.sidebar-item-count{margin-left:auto;font-size:var(--text-xs);background:var(--bg-elevated);padding:.1rem .4rem;border-radius:99px;color:var(--text-muted)}.sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);text-decoration:none;color:var(--text);position:relative}.sidebar-user:hover{background:var(--bg-elevated);text-decoration:none;color:var(--text)}.sidebar-user-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0;text-transform:uppercase}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}.topbar{height:var(--header-height);display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10;flex-shrink:0}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:.75rem}.topbar-teleport{display:contents}.page-content{flex:1;padding:1.5rem;overflow-y:auto}.hamburger{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:background var(--transition);background:none}.hamburger:hover{background:var(--bg-surface);color:var(--text)}.hamburger svg{width:1.25rem;height:1.25rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:40}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;left:0;z-index:50;transform:translate(-100%);transition:transform var(--transition-lg);width:var(--sidebar-width)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-overlay.visible{display:block}.hamburger{display:flex}}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;bottom:calc(100% + .25rem);left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.375rem;z-index:100;min-width:12rem}.dropdown-menu.open{display:block}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .625rem;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text);text-decoration:none;cursor:pointer;transition:background var(--transition);width:100%;text-align:left;background:none;border:none}.dropdown-item:hover{background:var(--bg-surface);text-decoration:none;color:var(--text)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-subtle)}.dropdown-separator{height:1px;background:var(--border);margin:.25rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;line-height:1.5;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition);text-decoration:none;white-space:nowrap;border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover);color:var(--accent-fg)}.btn-primary:active{background:var(--accent-active)}.btn-secondary{background:var(--bg-surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-elevated);color:var(--text)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-surface);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);color:#fff}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover{background:var(--danger-subtle)}.btn-sm{padding:.3rem .625rem;font-size:var(--text-xs)}.btn-sm svg{width:.875rem;height:.875rem}.btn-lg{padding:.7rem 1.375rem;font-size:var(--text-base)}.btn-icon{padding:.45rem;border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:.375rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.field-row{grid-template-columns:1fr}}label,.label{font-size:var(--text-sm);font-weight:500;color:var(--text)}.label-optional{font-size:var(--text-xs);color:var(--text-subtle);font-weight:400;margin-left:.25rem}.input,.textarea,.select{width:100%;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);outline:none;appearance:none}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.input.error,.textarea.error,.select.error{border-color:var(--danger)}.input.error:focus,.textarea.error:focus{box-shadow:0 0 0 3px #dc26261f}.textarea{min-height:6rem;resize:vertical}.select{cursor:pointer;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='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.field-error{font-size:var(--text-xs);color:var(--danger)}.checkbox-field,.radio-field{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-field input[type=checkbox]:not(.toggle),.radio-field input[type=radio]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card-title{font-size:var(--text-sm);font-weight:600;color:var(--text)}.card-body{padding:1.25rem}.card-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:99px;font-size:var(--text-xs);font-weight:500;background:var(--bg-elevated);color:var(--text-muted);white-space:nowrap}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-danger{background:var(--danger-subtle);color:var(--danger)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-nsfw{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;background:#ec4899;color:#fff;font-weight:700;font-size:.7rem;transform:rotate(45deg);border-radius:2px;border:none;padding:0}.badge-nsfw span{transform:rotate(-45deg)}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:.625rem}.alert svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.1rem}.alert-success{background:var(--success-subtle);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.alert-danger{background:var(--danger-subtle);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.alert-warning{background:var(--warning-subtle);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent)}.action-message{font-size:var(--text-sm);color:var(--success);opacity:0;transition:opacity var(--transition)}.action-message.visible{opacity:1}.divider{height:1px;background:var(--border);margin-block:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.empty-state svg{width:2.5rem;height:2.5rem;opacity:.4}.empty-state-title{font-size:var(--text-base);font-weight:500;color:var(--text)}.empty-state-desc{font-size:var(--text-sm);max-width:30ch}.search-wrap{position:relative}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none;width:.875rem;height:.875rem}.search-wrap .input{padding-left:2rem}.avatar{width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-lg{width:2.75rem;height:2.75rem;font-size:var(--text-sm)}.toggle{appearance:none;-webkit-appearance:none;width:2.25rem;height:1.25rem;border-radius:99px;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;position:relative;transition:background var(--transition),border-color var(--transition);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.25rem - 6px);height:calc(1.25rem - 6px);border-radius:50%;background:var(--text-subtle);transition:transform var(--transition),background var(--transition)}.toggle:checked{background:var(--accent);border-color:var(--accent)}.toggle:checked:after{transform:translate(1rem);background:#fff}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.pagination-info{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.5rem;text-align:right}.pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.pagination a,.pagination span,.pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:none;background:none;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;cursor:pointer;transition:background var(--transition)}.pagination a:hover,.pagination button:hover{background:var(--bg-surface);text-decoration:none;color:var(--text)}.pagination .disabled{opacity:.4;cursor:default}.pagination .active,.pagination [aria-current=page]{background:var(--accent);color:var(--accent-fg)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;padding:.5rem 0}.media-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.media-thumb{aspect-ratio:1;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-card-body{padding:.5rem .625rem;display:flex;flex-direction:column;gap:.125rem}.media-card-name{font-size:var(--text-xs);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-meta{display:flex;align-items:center;gap:.25rem;font-size:var(--text-xs);color:var(--text-subtle)}.media-card-actions{padding:.375rem .625rem;border-top:1px solid var(--border-subtle);display:flex;gap:.25rem;flex-wrap:wrap}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity var(--transition);padding:.5rem}.lightbox-close:hover{opacity:1}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius)}.auth-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#070b14;padding:1.5rem;position:relative;overflow:hidden}.auth-glow{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);width:44rem;height:32rem;background:radial-gradient(ellipse at center,rgba(34,197,94,.05) 0%,transparent 65%);pointer-events:none}.auth-grain{position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.auth-box{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none}.auth-logo:hover{text-decoration:none}.auth-logo-mark-img{width:2.5rem;height:2.5rem;color:#22c55e}.auth-logo-name{font-family:Sora,Instrument Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#f8fafc;letter-spacing:-.03em}.auth-card{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;gap:1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-header{text-align:center}.auth-title{font-family:Sora,Instrument Sans,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.auth-subtitle{font-size:var(--text-sm);color:#94a3b8;margin-top:.375rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.auth-shell .input,.auth-shell .textarea,.auth-shell .select{background:#ffffff0a;border-color:#ffffff14;color:#f8fafc}.auth-shell .input::placeholder,.auth-shell .textarea::placeholder{color:#475569}.auth-shell .input:focus,.auth-shell .textarea:focus,.auth-shell .select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.auth-shell .input.error,.auth-shell .textarea.error{border-color:#ef4444}.auth-shell .input.error:focus,.auth-shell .textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.auth-shell label,.auth-shell .label{color:#cbd5e1}.auth-shell .btn-primary{background:#22c55e;color:#0b1120;border-color:#22c55e;font-weight:600}.auth-shell .btn-primary:hover{background:#4ade80;color:#0b1120}.auth-link{font-size:var(--text-sm);color:#22c55e}.auth-link:hover{color:#4ade80}.auth-footer{text-align:center;font-size:var(--text-sm);color:#64748b}.auth-footer a{color:#22c55e}.auth-footer a:hover{color:#4ade80}.auth-error-list{display:flex;flex-direction:column;gap:.25rem}.auth-error-list li{font-size:var(--text-sm);color:#f87171}.auth-status{padding:.625rem .875rem;border-radius:var(--radius);font-size:var(--text-sm);background:#22c55e14;color:#4ade80;border:1px solid rgba(34,197,94,.15)}.auth-shell .field-error{color:#f87171}.input-suffix{position:relative}.input-suffix .input{padding-right:2.25rem}.input-status-icon{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#475569}.input-status-icon.valid{color:#22c55e}.input-status-icon.invalid{color:#ef4444}.social-login{display:flex;flex-direction:column;gap:1rem}.auth-divider{display:flex;align-items:center;gap:.75rem;text-align:center;font-size:var(--text-sm);color:#475569}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.auth-divider span{font-size:var(--text-sm);color:#475569;white-space:nowrap}.social-login-grid{display:flex;flex-direction:column;gap:.5rem}.btn-social{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:#ffffff08;color:#cbd5e1;font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--transition),border-color var(--transition),color var(--transition);cursor:pointer}.btn-social:hover{background:#ffffff0f;border-color:#ffffff1f;color:#f8fafc;text-decoration:none}.btn-social svg{flex-shrink:0}.btn-full{width:100%}.auth-remember-label{font-size:var(--text-sm);color:#94a3b8}.auth-shell input[type=checkbox]:not(.toggle){accent-color:#22c55e}.doc-list{display:flex;flex-direction:column;gap:.125rem}.doc-item{display:flex;align-items:center;gap:0;padding:0;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition);color:inherit;border:1px solid transparent}.doc-item:hover{background:var(--bg-surface)}.doc-item-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;flex:1;min-width:0;text-decoration:none;color:inherit}.doc-item-link:hover{text-decoration:none;color:inherit}.doc-item.selected{background:var(--accent-subtle);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.doc-item-icon{width:2rem;height:2rem;border-radius:var(--radius);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.doc-item-icon svg{width:1rem;height:1rem}.doc-item-body{flex:1;min-width:0}.doc-item-title{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);display:flex;align-items:center;gap:.375rem}.doc-item-title .badge-nsfw{width:.875rem;height:.875rem;font-size:.5rem;flex-shrink:0;margin-left:.3rem;margin-right:.3rem}.doc-item-meta{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.doc-item-actions{opacity:0;transition:opacity var(--transition);display:flex;gap:.25rem;flex-shrink:0;padding-right:.75rem}.doc-item:hover .doc-item-actions{opacity:1}.page-content:has(>.editor-shell){padding:0;overflow:hidden}.editor-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.nsfw-suggestion{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--warning, #f59e0b) 12%,var(--bg-surface));border-bottom:1px solid var(--border);font-size:.8125rem;flex-shrink:0}.editor-pane,.preview-pane{display:flex;flex-direction:column;overflow:hidden}.editor-pane{border-right:1px solid var(--border)}.editor-toolbar{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.editor-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);padding:.25rem 0;flex:1}.editor-title-input{width:100%;padding:1rem 1.25rem .75rem;font-size:var(--text-xl);font-weight:700;color:var(--text);background:transparent;border:none;outline:none;border-bottom:1px solid var(--border-subtle);border-radius:0;letter-spacing:-.02em;flex-shrink:0}.editor-title-input::placeholder{color:var(--text-subtle)}.editor-textarea{flex:1;width:100%;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--text);background:var(--bg);border:none;outline:none;resize:none;border-radius:0;overflow-y:auto}.preview-pane-header{display:flex;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.preview-pane-content{flex:1;padding:1rem 1.5rem;overflow-y:auto;background:var(--bg)}.editor-with-props{display:grid;grid-template-columns:1fr 1fr 16rem;flex:1;min-height:0;overflow:hidden}.props-panel{border-left:1px solid var(--border);background:var(--bg-surface);overflow-y:auto;display:flex;flex-direction:column}.props-panel-header{padding:.75rem 1rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);border-bottom:1px solid var(--border);flex-shrink:0}.props-panel-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.prop-row{display:flex;flex-direction:column;gap:.25rem}.prop-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.prop-value{font-size:var(--text-sm)}.editor-statusbar{display:flex;align-items:center;gap:1rem;padding:.375rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-surface);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.editor-save-status{margin-left:auto}.folder-tree{display:flex;flex-direction:column;gap:.125rem;position:relative}.folder-tree-root-drop{display:flex;flex-direction:column;gap:.125rem;min-height:1.5rem;border-radius:var(--radius);transition:background var(--transition)}.folder-item{display:flex;align-items:center;gap:.375rem;padding:.3rem .5rem;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition);text-decoration:none;flex:1;min-width:0}.folder-item:hover{color:var(--text);text-decoration:none}.folder-item.active{color:var(--accent)}.folder-item svg{width:.875rem;height:.875rem;flex-shrink:0}.folder-children{padding-left:1.25rem}.folder-item-row,.doc-tree-item-row{display:flex;align-items:center;border-radius:var(--radius);transition:background var(--transition),outline-color var(--transition);padding-right:.125rem}.folder-item-row:hover,.doc-tree-item-row:hover{background:var(--bg-elevated)}.folder-item-row .folder-item.active,.doc-tree-item-row .folder-item.active{background:transparent}.folder-item-row:has(.folder-item.active),.doc-tree-item-row:has(.folder-item.active){background:var(--accent-subtle)}.folder-toggle{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;margin-left:.125rem;flex-shrink:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;transition:color var(--transition),transform var(--transition)}.folder-toggle:hover{color:var(--text)}.folder-toggle svg{width:.75rem;height:.75rem;transition:transform .15s ease}.folder-toggle.open svg{transform:rotate(90deg)}.folder-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-tree-item svg{opacity:.5}.doc-tree-item.active svg{opacity:.8}.folder-item-row:has(.dragging),.doc-tree-item-row:has(.dragging),.folder-item-row.dragging,.doc-tree-item-row.dragging{opacity:.4}.folder-item-row.drag-over{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-subtle)}.folder-tree-root-drop.drag-over{background:var(--accent-subtle)}[data-drag-type]{cursor:pointer}.folder-inline-form{padding:.25rem .5rem}.tree-context-menu{position:fixed;z-index:200;min-width:10rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.375rem}.tree-ctx-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .625rem;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition)}.tree-ctx-item:hover{background:var(--bg-surface)}.tree-ctx-item svg{width:.875rem;height:.875rem;flex-shrink:0;opacity:.6}.tree-ctx-item.danger{color:var(--danger)}.tree-ctx-item.danger:hover{background:var(--danger-subtle)}.tree-ctx-separator{height:1px;background:var(--border);margin:.25rem 0}.labels-list{display:flex;flex-wrap:wrap;gap:.25rem}.label-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:99px;font-size:var(--text-xs);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.label-tag button{display:flex;color:var(--text-subtle);padding:0;line-height:0}.label-tag button:hover{color:var(--danger)}.breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:var(--text-sm);color:var(--text-muted)}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text)}.breadcrumb-sep{color:var(--text-subtle);-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--text);font-weight:500}.doc-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.doc-table{width:100%;border-collapse:collapse}.doc-table thead th{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;text-align:left;background:var(--bg-surface);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.doc-table tbody tr{transition:background var(--transition)}.doc-table tbody tr:hover{background:var(--bg-surface)}.doc-table tbody tr+tr td{border-top:1px solid var(--border-subtle)}.doc-table td{padding:.5rem .75rem;vertical-align:middle;font-size:var(--text-sm);color:var(--text)}.doc-table-sort-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0}.doc-table-sort-btn:hover{color:var(--text)}.doc-table-sort-arrow{width:.75rem;height:.75rem;color:var(--accent);flex-shrink:0}.doc-table-td-title{max-width:0;width:100%}.doc-table-title-link{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit;min-width:0}.doc-table-title-link:hover{text-decoration:none;color:inherit}.doc-table-title-link:hover .doc-table-title-text{color:var(--accent)}.doc-table-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.doc-table-icon svg{width:.875rem;height:.875rem}.doc-table-icon-emoji{font-size:.875rem;line-height:1}.doc-table-title-text{display:flex;align-items:center;gap:.375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:color var(--transition)}.doc-table-pin{color:var(--text-subtle);flex-shrink:0;width:.75rem;height:.75rem}.doc-table-title-text .badge-nsfw{width:.875rem;height:.875rem;font-size:.5rem;flex-shrink:0}.doc-table-td-type,.doc-table-td-folder,.doc-table-td-date{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.doc-table-td-status{white-space:nowrap}.doc-table-td-actions{white-space:nowrap;text-align:right;opacity:0;transition:opacity var(--transition)}.doc-table tbody tr:hover .doc-table-td-actions{opacity:1}.doc-table-td-check{text-align:center}.doc-table-td-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:.875rem;height:.875rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-elevated);pointer-events:none;vertical-align:middle;position:relative}.doc-table-td-check input[type=checkbox]:checked{background:var(--success);border-color:var(--success)}.doc-table-td-check input[type=checkbox]:checked:after{content:"";position:absolute;left:2.5px;top:.5px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.doc-table-th-type{width:8rem}.doc-table-th-folder{width:10rem}.doc-table-th-date{width:8rem}.doc-table-th-check{width:4rem;text-align:center}.doc-table-th-status{width:6rem}.doc-table-th-actions{width:4rem}@media(max-width:768px){.doc-table-th-folder,.doc-table-td-folder,.doc-table-th-status,.doc-table-td-status,.doc-table-th-check,.doc-table-td-check{display:none}}@media(max-width:600px){.doc-table-th-type,.doc-table-td-type,.doc-table-th-date,.doc-table-td-date{display:none}}.doc-table-wrap--trash .doc-table-td-actions{opacity:1}.doc-table-confirm-text{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.doc-table-delete-btn{color:var(--danger)}.type-filter{display:flex;gap:.25rem;flex-wrap:wrap}.type-chip{padding:.25rem .625rem;border-radius:99px;font-size:var(--text-xs);font-weight:500;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);text-decoration:none}.type-chip:hover{background:var(--bg-surface);color:var(--text);text-decoration:none}.type-chip.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.editor-with-props.preview-collapsed{grid-template-columns:1fr 16rem}.editor-with-props.preview-collapsed .preview-pane{display:none}@media(max-width:900px){.editor-shell{grid-template-columns:1fr}.preview-pane{display:none}.editor-with-props{grid-template-columns:1fr}.props-panel{display:none}}.history-backdrop{position:fixed;inset:0;z-index:299;background:#00000040}.history-panel{position:fixed;top:0;right:0;bottom:0;width:24rem;max-width:100vw;z-index:300;background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.history-panel-inner{display:flex;flex-direction:column;height:100%}.history-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.history-panel-title{font-size:var(--text-sm);font-weight:600;color:var(--text)}.history-panel-body{flex:1;overflow-y:auto}.history-empty{padding:2rem 1rem;text-align:center}.history-version-list{display:flex;flex-direction:column}.history-version-row{border-bottom:1px solid var(--border-subtle);padding:0}.history-version-row.active{background:var(--bg-surface)}.history-version-info{display:flex;flex-direction:column;gap:.125rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:background var(--transition)}.history-version-info:hover{background:var(--bg-surface)}.history-version-date{font-size:var(--text-sm);font-weight:500;color:var(--text)}.history-version-meta{font-size:var(--text-xs);color:var(--text-muted)}.history-version-title{font-style:italic}.history-version-actions{display:flex;align-items:center;gap:.5rem;padding:0 1rem .75rem;flex-wrap:wrap}.history-diff{margin:0 1rem .75rem;border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;max-height:20rem;overflow-y:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}.diff-line{padding:0 .75rem;white-space:pre-wrap;word-break:break-all;min-height:1.6em}.diff-line.diff-equal{color:var(--text-muted)}.diff-line.diff-add{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--text)}.diff-line.diff-remove{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--text);text-decoration:line-through;opacity:.75}.transition-opacity{transition:opacity .2s ease}.transition-slide{transition:transform .25s ease}.translate-x-full{transform:translate(100%)}.translate-x-0{transform:translate(0)}.opacity-0{opacity:0}.opacity-100{opacity:1}@media(max-width:600px){.history-panel{width:100vw}}.page-content:has(>.dt-shell){padding:0;overflow:hidden;display:flex;flex-direction:column}.dt-shell{display:grid;grid-template-columns:260px 1fr;flex:1;overflow:hidden}.dt-list-panel{border-right:1px solid var(--border);overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column}.dt-list-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem .875rem;flex-shrink:0}.dt-list-title{font-size:var(--text-sm);font-weight:600;color:var(--text)}.dt-type-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;background:none;border:none;cursor:pointer;text-align:left;font-size:var(--text-sm);color:var(--text);transition:background var(--transition);border-left:2px solid transparent}.dt-type-item:hover{background:var(--bg-surface)}.dt-type-item.active{background:var(--accent-subtle);border-left-color:var(--accent);color:var(--accent);font-weight:500}.dt-type-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius);background:var(--bg-elevated);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);flex-shrink:0;-webkit-user-select:none;user-select:none}.dt-type-item.active .dt-type-icon{background:color-mix(in srgb,var(--accent) 15%,transparent)}.dt-type-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-form-panel{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.dt-form-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dt-form-title{font-size:var(--text-lg);font-weight:600;color:var(--text)}.dt-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.dt-fields-grid .field:last-child{grid-column:span 2}.dt-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dt-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text);margin:0}.dt-props-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dt-props-table{width:100%;border-collapse:collapse}.dt-props-table th{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;text-align:left;background:var(--bg-surface);border-bottom:1px solid var(--border)}.dt-props-table td{padding:.375rem .75rem;vertical-align:middle}.dt-props-table tbody tr+tr td{border-top:1px solid var(--border-subtle)}.dt-props-table tbody tr:hover td{background:var(--bg-surface)}.input-sm{padding:.3rem .625rem;font-size:var(--text-xs)}.dt-props-empty{padding:1.25rem;font-size:var(--text-sm);color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.dt-publish-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.dt-publish-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:99px}.dt-publish-badge--live{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.dt-publish-status a{color:var(--accent);text-decoration:underline}.dt-publish-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.badge-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}@media(max-width:768px){.dt-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.dt-list-panel{border-right:none;border-bottom:1px solid var(--border);max-height:40dvh;padding:.75rem 0}.dt-fields-grid{grid-template-columns:1fr}.dt-fields-grid .field:last-child{grid-column:span 1}}.landing-body{--font-display: "Sora", "Instrument Sans", system-ui, sans-serif;--accent-green: #22c55e;--accent-green-light: #4ade80;--accent-green-dark: #16a34a;--accent-green-subtle: rgba(34, 197, 94, .1);--accent-green-fg: #0b1120;--slate: #070b14;--slate-mid: #0c1222;--slate-light: #111827;--slate-surface: #162032;background:var(--slate);color:#cbd5e1;overflow-x:hidden}.landing-grain{position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.landing-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--slate) 85%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.04)}.landing-nav-inner{max-width:72rem;margin-inline:auto;padding:0 2rem;height:4rem;display:flex;align-items:center;gap:1.5rem}.landing-brand{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:#f8fafc;text-decoration:none;letter-spacing:-.03em}.landing-brand:hover{text-decoration:none;color:#f8fafc}.landing-brand-mark{width:1.75rem;height:1.75rem;color:var(--accent-green)}.landing-nav-spacer{flex:1}.landing-nav-links{display:flex;align-items:center;gap:.375rem}.landing-nav .btn-primary{background:var(--accent-green);color:var(--accent-green-fg);border-color:var(--accent-green);font-weight:600}.landing-nav .btn-primary:hover{background:var(--accent-green-light)}.landing-nav .btn-ghost{color:#94a3b8}.landing-nav .btn-ghost:hover{color:#f8fafc;background:#ffffff0f}.landing-hero{position:relative;background:var(--slate);padding:7rem 2rem 6rem;overflow:hidden}.landing-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,black 5%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,black 5%,transparent 70%)}.landing-hero-glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:60rem;height:36rem;background:radial-gradient(ellipse at center,rgba(34,197,94,.06) 0%,rgba(34,197,94,.015) 45%,transparent 70%);pointer-events:none}.landing-hero-inner{max-width:52rem;margin-inline:auto;text-align:center;position:relative;z-index:1}@keyframes heroReveal{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-hero{opacity:0;animation:heroReveal .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--delay, 0) * .12s + .15s)}.landing-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--accent-green-light);background:#22c55e0f;padding:.4rem 1rem;border-radius:99px;margin-bottom:2rem;letter-spacing:.015em;border:1px solid rgba(34,197,94,.12)}.landing-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.landing-headline{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.045em;color:#f8fafc;margin-bottom:1.25rem}.landing-rotating{display:inline-block;color:var(--accent-green);position:relative;transition:opacity .28s ease,transform .28s ease,filter .28s ease}.landing-rotating--out{opacity:0;transform:translateY(10px);filter:blur(6px)}.landing-tagline{font-size:clamp(1.05rem,2vw,1.25rem);color:#94a3b8;max-width:44ch;margin-inline:auto;margin-bottom:2.5rem;line-height:1.7}.landing-tagline-quiet{color:#64748b;font-style:italic}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.landing-hero .btn-primary{background:var(--accent-green);color:var(--accent-green-fg);border:1px solid var(--accent-green);font-weight:600;font-size:1rem;padding:.8rem 1.75rem}.landing-hero .btn-primary:hover{background:var(--accent-green-light);color:var(--accent-green-fg)}.landing-hero .btn-secondary{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.18);font-size:1rem;padding:.8rem 1.75rem}.landing-hero .btn-secondary:hover{background:#ffffff0a;color:#f8fafc;border-color:#94a3b859}.landing-glow-btn{position:relative}.landing-glow-btn:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--accent-green);opacity:0;filter:blur(18px);transition:opacity .35s ease;z-index:-1}.landing-glow-btn:hover:after{opacity:.25}.landing-hero-footnote{font-size:.8rem;color:#3e4c5e;letter-spacing:.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0}.animate-in.visible{animation:fadeInUp .55s cubic-bezier(.16,1,.3,1) forwards}.feature-card.visible{animation-delay:calc(var(--i, 0) * .07s)}.landing-section-inner{max-width:72rem;margin-inline:auto;padding-inline:2rem}.landing-section-label{text-align:center;font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-green);margin-bottom:.75rem}.landing-section-title{text-align:center;font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.03em;color:#f8fafc;margin-bottom:3.5rem}.landing-features{background:var(--slate-mid);padding:6rem 0;position:relative}.landing-features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.18),transparent)}.features-grid{display:flex;flex-direction:column;gap:.875rem;max-width:42rem;margin-inline:auto}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem 1.5rem;display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#22c55e1f;background:#ffffff08;box-shadow:0 12px 40px -8px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{width:2.75rem;height:2.75rem;background:var(--accent-green-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-green);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease}.feature-card:hover .feature-icon{transform:scale(1.08) rotate(-3deg);background:#22c55e26}.feature-icon svg{width:1.375rem;height:1.375rem}.feature-card-text{display:flex;flex-direction:column;gap:.35rem}.feature-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#f8fafc}.feature-desc{font-size:.875rem;color:#94a3b8;line-height:1.65}.feature-quiet{color:#5a6a7e;font-style:italic}.landing-honesty{padding:6rem 0;background:var(--slate);position:relative}.landing-honesty:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.honesty-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch;max-width:52rem;margin-inline:auto}.honesty-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.honesty-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px -8px #0003}.honesty-icon{width:2.5rem;height:2.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.honesty-icon svg{width:1.5rem;height:1.5rem}.honesty-icon-brain{background:#ef444414;color:#f87171}.honesty-icon-kherpi{background:var(--accent-green-subtle);color:var(--accent-green)}.honesty-label{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:1.25rem}.honesty-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;padding:0}.honesty-list li{font-size:.875rem;color:#94a3b8;padding-left:1.5rem;position:relative;line-height:1.55}.honesty-brain .honesty-list li:before{content:"✗";position:absolute;left:0;color:#ef4444;font-weight:700;font-size:.8rem}.honesty-kherpi{border-color:#22c55e1f;background:#22c55e06}.honesty-kherpi .honesty-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-green);font-weight:700;font-size:.8rem}.honesty-vs{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#334155;text-transform:lowercase;letter-spacing:.1em;align-self:center}.landing-pricing{padding-block:5rem;background:var(--bg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:64rem;margin-inline:auto}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:22rem}}.pricing-card{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;gap:.5rem}.pricing-card--pro{border-color:var(--accent-green);background:linear-gradient(170deg,var(--bg-surface) 0%,color-mix(in srgb,var(--accent-green) 4%,var(--bg-surface)) 100%);box-shadow:0 0 0 1px #22c55e26}.pricing-badge{position:absolute;top:1rem;right:1rem;font-size:var(--text-xs);font-weight:600;color:var(--accent-green-light);background:var(--accent-green-subtle);padding:.2rem .625rem;border-radius:99px;letter-spacing:.04em;border:1px solid rgba(34,197,94,.2)}.pricing-card-name{font-size:var(--text-lg);font-weight:700;color:var(--text)}.pricing-price{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:800;color:var(--text);letter-spacing:-.03em}.pricing-price--tbd{color:var(--text-muted)}.pricing-period{font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.pricing-card-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.pricing-features li{font-size:var(--text-sm);color:var(--text-muted);padding-left:1.5rem;position:relative}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-green);font-weight:700}.pricing-features li.pricing-feature--highlight{color:var(--accent-green-light);font-weight:600}.pricing-features li.pricing-feature--highlight:before{color:var(--accent-green-light)}.pricing-btn{width:100%;text-align:center;justify-content:center}.pricing-btn[aria-disabled=true]{opacity:.5;cursor:default;pointer-events:none}.pricing-disclaimer{text-align:center;font-size:var(--text-sm);color:var(--text-subtle);margin-top:2rem}.landing-cta{padding:6rem 0;background:var(--slate-mid);position:relative}.landing-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.18),transparent)}.landing-cta-inner{max-width:40rem;margin-inline:auto;padding-inline:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.landing-cta-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:-.03em;color:#f8fafc}.landing-cta-desc{font-size:1.05rem;color:#94a3b8;max-width:42ch}.landing-cta .btn-primary{background:var(--accent-green);color:var(--accent-green-fg);border:1px solid var(--accent-green);font-weight:600;font-size:1rem;padding:.8rem 1.75rem}.landing-cta .btn-primary:hover{background:var(--accent-green-light);color:var(--accent-green-fg)}.landing-cta-footnote{font-size:.8rem;color:#3e4c5e;font-style:italic;margin-top:.5rem}.landing-footer{border-top:1px solid rgba(255,255,255,.04);padding:1.75rem 2rem;background:var(--slate)}.landing-footer-inner{max-width:72rem;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#3e4c5e}.landing-footer-links{display:flex;gap:1rem}.landing-footer-inner a{color:#4b5c6f;text-decoration:none;transition:color .15s ease}.landing-footer-inner a:hover{color:#94a3b8;text-decoration:none}.site-content{max-width:42rem;margin-inline:auto;padding:3.5rem 2rem 5rem;min-height:60vh}.site-page-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:#f8fafc;letter-spacing:-.03em;margin-bottom:.5rem}.site-page-subtitle{font-size:1rem;color:#64748b;margin-bottom:2.5rem}.site-page-meta{font-size:.85rem;color:#475569;margin-bottom:2rem}.site-prose h2{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:#e2e8f0;margin:2.5rem 0 .75rem}.site-prose h2:first-of-type{margin-top:0}.site-prose p{color:#94a3b8;line-height:1.75;margin-bottom:1rem}.site-prose ul{color:#94a3b8;line-height:1.9;margin-left:1.5rem;margin-bottom:1rem;list-style:disc}.site-prose strong{color:#cbd5e1;font-weight:600}.site-prose a{color:#22c55e}.site-prose a:hover{color:#4ade80}.site-form{display:flex;flex-direction:column;gap:1rem;max-width:36rem}.site-content .input,.site-content .textarea{background:#ffffff0a;border-color:#ffffff14;color:#f8fafc}.site-content .select{background-color:#ffffff0a;border-color:#ffffff14;color:#f8fafc;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.site-content .input::placeholder,.site-content .textarea::placeholder{color:#475569}.site-content .input:focus,.site-content .textarea:focus,.site-content .select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.site-content label,.site-content .label{color:#cbd5e1}.site-content .btn-primary{background:#22c55e;color:#0b1120;border-color:#22c55e;font-weight:600}.site-content .btn-primary:hover{background:#4ade80;color:#0b1120}.site-content .field-error{color:#f87171}.site-alert-success{padding:.75rem 1rem;border-radius:var(--radius);font-size:var(--text-sm);background:#22c55e14;color:#4ade80;border:1px solid rgba(34,197,94,.15);margin-bottom:1.5rem}@media(max-width:640px){.site-content{padding:2.5rem 1.25rem 4rem}.honesty-grid{grid-template-columns:1fr;gap:1rem;max-width:28rem;margin-inline:auto}.honesty-vs{text-align:center;padding:.25rem 0}.landing-hero{padding:4.5rem 1.25rem 4rem}.landing-features,.landing-honesty,.landing-cta{padding:4rem 0}.landing-section-inner{padding-inline:1.25rem}.landing-nav-inner{padding:0 1.25rem}.landing-footer{padding:1.5rem 1.25rem}}.settings-shell{display:flex;align-items:flex-start;gap:2.5rem;max-width:56rem}@media(max-width:640px){.settings-shell{flex-direction:column;gap:1.5rem}}.settings-nav{width:13rem;flex-shrink:0;display:flex;flex-direction:column;gap:.125rem}@media(max-width:640px){.settings-nav{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid var(--border);scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}}.settings-nav-item{display:block;padding:.45rem .625rem;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:background var(--transition),color var(--transition);white-space:nowrap}.settings-nav-item:hover{background:var(--bg-surface);color:var(--text);text-decoration:none}.settings-nav-item.active{background:var(--bg-elevated);color:var(--text);font-weight:500}.settings-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.settings-heading{display:flex;flex-direction:column;gap:.25rem;padding-bottom:1rem}.settings-title{font-size:var(--text-lg);font-weight:600;color:var(--text);letter-spacing:-.02em}.settings-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-form-row{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.settings-danger-zone{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-lg);overflow:hidden}.settings-danger-header{padding:.875rem 1.25rem;background:var(--danger-subtle);border-bottom:1px solid color-mix(in srgb,var(--danger) 20%,transparent)}.settings-danger-title{font-size:var(--text-sm);font-weight:600;color:var(--danger)}.settings-danger-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.settings-danger-desc{font-size:var(--text-sm);color:var(--text-muted)}.theme-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.75rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition);background:none;text-align:center}.theme-option:hover{border-color:var(--text-muted)}.theme-option.selected{border-color:var(--accent)}.theme-preview{width:3.5rem;height:2.25rem;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.theme-preview-light{background:#fff}.theme-preview-dark{background:#0f172a}.theme-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted)}.theme-option.selected .theme-label{color:var(--accent);font-weight:600}.two-factor-qr{padding:1rem;background:#fff;border-radius:var(--radius);display:inline-block}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:26rem;box-shadow:var(--shadow-lg)}.modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem}.modal-form{display:flex;gap:.5rem}.modal-form--full{flex:1}.modal-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.modal-input{font-family:var(--font-mono);font-size:var(--text-sm)}.two-factor-help-text{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.5rem}.mt-1{margin-top:1rem}.mt-05{margin-top:.5rem}.mb-1{margin-bottom:1rem}.mb-05{margin-bottom:.5rem}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.public-shell{min-height:100dvh;display:flex;flex-direction:column}.public-nav{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10}.public-nav-inner{max-width:56rem;margin-inline:auto;padding:0 1.5rem;height:3.25rem;display:flex;align-items:center;gap:1rem}.public-nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text);text-decoration:none;font-size:var(--text-sm)}.public-nav-brand:hover{text-decoration:none;color:var(--text)}.public-nav-sep{color:var(--text-subtle)}.public-nav-author{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none}.public-nav-author:hover{text-decoration:underline}.public-main{flex:1;max-width:56rem;margin-inline:auto;width:100%;padding:3rem 1.5rem 5rem}.public-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.public-type-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);margin-bottom:.75rem}.public-title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.2;margin-bottom:.75rem}.public-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.public-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-subtle);display:flex;align-items:center;gap:.5rem}.public-profile-header{text-align:center;padding:3rem 0 2rem}.public-profile-avatar{width:4rem;height:4rem;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:var(--text-2xl);font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;margin-bottom:.875rem}.public-profile-name{font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.02em}.public-profile-username{font-size:var(--text-sm);color:var(--text-muted);margin-top:.25rem}.public-folder-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.public-folder-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;color:var(--text);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius);transition:background var(--transition)}.public-folder-card:hover{background:var(--bg-elevated);text-decoration:none;color:var(--text)}.public-folder-card svg{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--text-muted)}.public-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;margin-top:2rem}.public-doc-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow var(--transition),border-color var(--transition)}.public-doc-card:hover{box-shadow:var(--shadow);border-color:var(--text-subtle);text-decoration:none;color:inherit}.public-doc-card-title{font-size:var(--text-base);font-weight:600;color:var(--text);line-height:1.4}.public-doc-card-excerpt{font-size:var(--text-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.public-doc-card-meta{font-size:var(--text-xs);color:var(--text-subtle);margin-top:auto}.public-doc-card-pinned{position:relative}.public-doc-card-pin{position:absolute;top:1rem;right:1rem;color:var(--text-subtle)}.public-doc-card-badges{display:flex;align-items:center;gap:.5rem}.public-doc-card-type-icon{font-size:1.25rem;line-height:1}.public-empty-state{margin-top:2rem}.public-header-badges{display:flex;align-items:center;gap:.5rem}.public-properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem}.public-property-label{font-size:var(--text-xs);font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.public-property-value{font-size:var(--text-sm)}.public-nav-brand-logo{width:1.5rem;height:1.5rem}.admin-detail{display:flex;flex-direction:column;gap:1.25rem;max-width:64rem;padding:1.5rem}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:768px){.admin-detail-grid{grid-template-columns:1fr}}.admin-detail-rows{display:flex;flex-direction:column;gap:0}.admin-detail-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle, var(--border));font-size:var(--text-sm)}.admin-detail-row:last-child{border-bottom:none}.admin-detail-label{color:var(--text-muted);flex-shrink:0}.admin-controls-grid{display:flex;flex-direction:column;gap:0}.admin-control-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--border-subtle, var(--border))}.admin-control-item:last-child{border-bottom:none}.admin-sub-item-row{background:var(--surface-subtle, var(--surface))}.admin-sub-item-indicator{display:inline-block;width:.75rem;border-bottom:1px solid var(--text-muted);border-left:1px solid var(--text-muted);height:.5rem;margin-right:.375rem;vertical-align:middle}.badge-muted{background:var(--surface-subtle, var(--surface));color:var(--text-muted)}.dashboard{max-width:40rem}.dashboard-greeting h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.dashboard-greeting p{margin:0}.dashboard-plan{display:flex;align-items:center;gap:1rem;margin-top:2rem}.dashboard-plan-badge{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .75rem;border-radius:99px}.dashboard-plan-badge--free{background:var(--bg-elevated);color:var(--text-muted)}.dashboard-plan-badge--pro{background:var(--accent-subtle);color:var(--accent)}.dashboard-plan-upgrade{font-size:var(--text-sm);color:var(--accent);text-decoration:none;font-weight:500}.dashboard-plan-upgrade:hover{text-decoration:underline}.dashboard-stats{display:flex;gap:0;margin-top:2rem;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dashboard-stat{flex:1;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;transition:background var(--transition)}a.dashboard-stat:hover{background:var(--bg-surface);text-decoration:none;color:inherit}.dashboard-stat+.dashboard-stat{border-left:1px solid var(--border)}.dashboard-stat-value{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1}.dashboard-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.dashboard-storage{margin-top:2rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg)}.dashboard-storage-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.dashboard-storage-title{font-weight:600;font-size:var(--text-sm)}.dashboard-storage-usage{font-size:var(--text-xs);color:var(--text-muted)}.dashboard-storage-bar{height:.5rem;background:var(--bg-elevated);border-radius:99px;overflow:hidden}.dashboard-storage-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .6s ease;min-width:2px}.dashboard-storage-breakdown{display:flex;gap:1.5rem;margin-top:.625rem;font-size:var(--text-xs);color:var(--text-subtle)}.dashboard-recent{margin-top:2rem}.dashboard-section-title{font-size:var(--text-sm);font-weight:600;margin:0 0 .75rem}.dashboard-recent-list{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.dashboard-recent-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;text-decoration:none;color:inherit;transition:background var(--transition)}.dashboard-recent-item:hover{background:var(--bg-surface);text-decoration:none;color:inherit}.dashboard-recent-item+.dashboard-recent-item{border-top:1px solid var(--border)}.dashboard-recent-title{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dashboard-recent-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.dashboard-recent-sep{margin:0 .25rem;opacity:.4}@media(max-width:768px){.dashboard-stats{flex-wrap:wrap}.dashboard-stat{flex:1 1 45%}.dashboard-stat:nth-child(3){border-left:none;border-top:1px solid var(--border)}.dashboard-stat:nth-child(4){border-top:1px solid var(--border)}}.tpl-hero{position:relative;padding:5rem 2rem 3rem;text-align:center;overflow:hidden}.tpl-hero-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:50rem;height:28rem;background:radial-gradient(ellipse at center,rgba(34,197,94,.05) 0%,transparent 65%);pointer-events:none}.tpl-hero-inner{position:relative;z-index:1;max-width:40rem;margin-inline:auto}.tpl-hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:#f8fafc;letter-spacing:-.04em;margin-bottom:.75rem}.tpl-hero-desc{font-size:clamp(.95rem,1.5vw,1.1rem);color:#94a3b8;line-height:1.7;max-width:36ch;margin-inline:auto;margin-bottom:2rem}.tpl-filters{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.tpl-search-wrap{position:relative;flex:1;max-width:20rem}.tpl-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#475569;pointer-events:none}.tpl-search-input{padding-left:2.25rem!important;background:#ffffff0a!important;border-color:#ffffff14!important;color:#f8fafc!important}.tpl-search-input::placeholder{color:#475569}.tpl-search-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.tpl-category-select{background-color:#ffffff0a!important;border-color:#ffffff14!important;color:#f8fafc!important;min-width:10rem;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important}.tpl-category-select:focus{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.tpl-gallery{padding:0 2rem 5rem}.tpl-gallery-inner{max-width:52rem;margin-inline:auto;display:flex;flex-direction:column;gap:.75rem}.tpl-card{display:flex;align-items:flex-start;gap:1.125rem;padding:1.25rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}.tpl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);opacity:0;transition:opacity .3s ease}.tpl-card:hover{transform:translateY(-3px);border-color:#22c55e1f;background:#ffffff09;box-shadow:0 12px 36px -8px #0000004d;text-decoration:none;color:inherit}.tpl-card:hover:before{opacity:1}.tpl-card-icon{width:2.75rem;height:2.75rem;background:var(--accent-green-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent-green);flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease}.tpl-card:hover .tpl-card-icon{transform:scale(1.08) rotate(-3deg);background:#22c55e26}.tpl-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.tpl-card-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#f8fafc;margin:0}.tpl-card-desc{font-size:.875rem;color:#94a3b8;line-height:1.55;margin:0}.tpl-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.15rem}.tpl-card-category{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-green);background:var(--accent-green-subtle);padding:.15rem .5rem;border-radius:99px;border:1px solid rgba(34,197,94,.12)}.tpl-card-props,.tpl-card-installs{font-size:.75rem;color:#475569}.tpl-card-author{position:absolute;top:1.25rem;right:1.5rem;font-size:.75rem;color:#475569}.tpl-empty{text-align:center;padding:4rem 1rem;color:#475569}.tpl-empty svg{width:2.5rem;height:2.5rem;margin-bottom:1rem;opacity:.5}.tpl-empty p{margin-bottom:1rem}.tpl-detail{padding:2rem 2rem 5rem}.tpl-detail-inner{max-width:42rem;margin-inline:auto}.tpl-back{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;color:#64748b;text-decoration:none;margin-bottom:2rem;transition:color .15s ease}.tpl-back:hover{color:#94a3b8;text-decoration:none}.tpl-back svg{width:1rem;height:1rem}.tpl-detail-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.tpl-detail-icon{width:3.5rem;height:3.5rem;background:var(--accent-green-subtle);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-green);flex-shrink:0}.tpl-detail-header-text{display:flex;flex-direction:column;gap:.5rem}.tpl-detail-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#f8fafc;letter-spacing:-.03em;margin:0}.tpl-detail-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tpl-detail-author{font-size:.85rem;color:#64748b}.tpl-detail-author a{color:var(--accent-green);text-decoration:none}.tpl-detail-author a:hover{color:var(--accent-green-light);text-decoration:underline}.tpl-detail-installs{font-size:.8rem;color:#475569}.tpl-detail-actions{margin-bottom:2.5rem}.tpl-detail-actions .btn-primary{background:var(--accent-green);color:var(--accent-green-fg);border-color:var(--accent-green);font-weight:600;font-size:.95rem;padding:.7rem 1.5rem}.tpl-detail-actions .btn-primary:hover{background:var(--accent-green-light);color:var(--accent-green-fg)}.tpl-alert-success{padding:.75rem 1rem;border-radius:10px;font-size:.875rem;background:#22c55e14;color:#4ade80;border:1px solid rgba(34,197,94,.15);margin-bottom:2rem}.tpl-alert-success a{color:var(--accent-green);font-weight:600;text-decoration:underline}.tpl-detail-section{margin-bottom:2.5rem}.tpl-detail-section-title{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-green);margin-bottom:.75rem}.tpl-detail-description{font-size:.95rem;color:#94a3b8;line-height:1.75}.tpl-props-list{display:flex;flex-direction:column;gap:.5rem}.tpl-prop-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px}.tpl-prop-name{font-size:.9rem;font-weight:500;color:#e2e8f0;flex:1}.tpl-prop-type{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#ffffff0a;padding:.15rem .5rem;border-radius:6px}.tpl-prop-required{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#f59e0b;background:#f59e0b14;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(245,158,11,.12)}.tpl-gallery .pagination{justify-content:center;margin-top:1.5rem;font-size:.875rem}.tpl-gallery .animate-in{opacity:0}.tpl-gallery .animate-in.visible{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i, 0) * .05s)}@media(max-width:640px){.tpl-hero{padding:3.5rem 1.25rem 2rem}.tpl-gallery{padding:0 1.25rem 4rem}.tpl-detail{padding:1.5rem 1.25rem 4rem}.tpl-card{flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.tpl-card-author{position:static}.tpl-filters{flex-direction:column;align-items:stretch}.tpl-search-wrap{max-width:none}}