@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--radius-xl:2rem;--radius-lg:1.35rem;--radius-md:1rem;--content-max:1180px;--bg-main:#08110d;--bg-panel:rgba(11,25,20,.82);--bg-elevated:rgba(16,35,28,.92);--bg-soft:rgba(74,193,127,.05);--text-main:#f6efdf;--text-muted:#b8c3ba;--line:rgba(74,193,127,.12);--surface-input:rgba(74,193,127,.04);--surface-strong:rgba(74,193,127,.08);--surface-contrast:rgba(74,193,127,.15);--accent-gold:#f0b85a;--accent-green:#4ac17f;--accent-red:#de6b57;--accent-blue:#7ac6e3;--accent-primary:#4ac17f;--shadow-strong:0 30px 80px rgba(0,0,0,.45);--shadow-soft:0 18px 40px rgba(0,0,0,.28);--glass-blur:40px;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--glass-glow:0 8px 32px rgba(0,0,0,.3);--grad-start:#08110d;--grad-mid:#0b1914;--grad-end:#08110d;--grad-accent-1:rgba(74,193,127,.16);--grad-accent-2:rgba(240,184,90,.14);--grad-accent-3:rgba(122,198,227,.12)}[data-theme=light]{--bg-main:#f4f2ec;--bg-panel:hsla(0,0%,100%,.95);--bg-elevated:#fff;--bg-soft:rgba(0,0,0,.06);--text-main:#141b18;--text-muted:#5e6b64;--line:rgba(0,0,0,.12);--surface-input:hsla(0,0%,100%,.94);--surface-strong:hsla(0,0%,100%,.82);--surface-contrast:rgba(0,0,0,.08);--accent-gold:#c78d26;--accent-green:#1d7243;--accent-red:#b83f2a;--accent-blue:#227999;--shadow-strong:0 15px 45px rgba(26,36,32,.1);--shadow-soft:0 16px 32px rgba(26,36,32,.08);--glass-blur:15px;--grad-start:#fbf9f4;--grad-mid:#f5f0e6;--grad-end:#ede7d9;--grad-accent-1:rgba(33,99,65,.04);--grad-accent-2:rgba(178,130,53,.04);--grad-accent-3:rgba(45,122,150,.04)}*{box-sizing:border-box}html{background-color:var(--grad-end);color:var(--text-main);scroll-behavior:smooth;transition:background-color .3s ease}body,html{min-height:100%}body{overscroll-behavior-y:none;background:radial-gradient(circle at 15% 10%,var(--grad-accent-1),transparent 24%),radial-gradient(circle at 85% 12%,var(--grad-accent-2),transparent 22%),radial-gradient(circle at 55% 80%,var(--grad-accent-3),transparent 24%),linear-gradient(180deg,var(--grad-start) 0,var(--grad-mid) 48%,var(--grad-end) 100%);font-family:Plus Jakarta Sans,sans-serif;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;background:none}.sidebar-brand{height:6rem;display:grid;place-items:center;margin-bottom:1rem}.sidebar-toggle-floating{position:absolute;top:50%;right:-.5rem;transform:translateY(-50%);width:2rem;height:2rem;background:var(--surface-contrast);border:1px solid var(--glass-border);z-index:10;transition:all .2s ease}.sidebar-toggle-floating:hover{transform:scale(1.1);background:var(--accent-primary);color:#fff}input,select,textarea{width:100%;padding:.9rem 1rem;border-radius:1rem;color:var(--text-main);outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}input[type=checkbox],input[type=radio]{width:auto;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 82%,transparent)}input:focus,select:focus,textarea:focus{border-color:rgba(74,193,127,.5);box-shadow:0 0 0 3px rgba(74,193,127,.12)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-glow);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.glass-panel:hover{box-shadow:0 20px 40px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)}.premium-gradient-text{background:linear-gradient(135deg,var(--accent-gold),var(--accent-green),var(--accent-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200%}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.aura-ripple{width:100%;height:100%;border:2px solid var(--accent-green);animation:ripple 2.5s cubic-bezier(.23,1,.32,1) infinite}@keyframes ripple{0%{width:40%;height:40%;opacity:.5}to{width:150%;height:150%;opacity:0}}.eyebrow{display:inline-flex;align-items:center;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;margin-bottom:.5rem}.eyebrow-block{display:block}.eyebrow-accent-green{color:var(--accent-green)}.eyebrow-accent-red{color:var(--accent-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .85rem;border-radius:var(--radius-md);background:var(--bg-soft);color:var(--text-main);cursor:pointer;font-size:.85rem;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{background:var(--line);border-color:var(--text-muted);transform:translateY(-1px)}.btn-primary{background:var(--accent-green);color:#fff;box-shadow:0 16px 30px rgba(29,114,67,.3)}.btn-primary:hover{background:color-mix(in srgb,var(--accent-green) 88%,#fff)}.btn-ghost{box-shadow:none}.btn-contrast{background:var(--surface-strong)}.btn-danger{background:var(--accent-red);color:#fff;border:0}.btn-block{width:100%}.btn-xl{padding:1rem 2rem;font-weight:600}.btn-pill,.btn-xl{border-radius:999px;font-size:1rem}.btn-pill{padding:.8rem 2rem}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65;transform:none}.muted-text{color:var(--text-muted);margin:0;font-size:.8rem}.persona-note{font-size:.8rem;opacity:.8;margin-top:.25rem}.status-banner{padding:.75rem .9rem;border-radius:1rem;background:rgba(74,193,127,.12);border:1px solid rgba(74,193,127,.2)}.status-banner.error{background:hsla(9,67%,61%,.12);border-color:hsla(9,67%,61%,.2)}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field span{font-size:.85rem}.field small,.field span{color:var(--text-muted)}.stack-inline{display:flex;gap:.75rem;align-items:center}.auth-shell,.landing-shell{padding:1.5rem}.app-content{height:100vh;overflow-y:auto;padding:0;background:var(--bg-main)}.landing-shell{max-width:var(--content-max);margin:0 auto}.landing-hero{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,26rem);grid-gap:1.25rem;gap:1.25rem;align-items:center}.app-stage-header h1,.auth-card h1,.hero-copy h1,.hero-panel h2,.landing-card h3,.profile-hero h1,.search-hero h1,.section-header h2,.settings-card h1,.settings-card h2,.todo-card h3{font-family:Space Grotesk,sans-serif;margin:0}.app-shell{display:grid;grid-template-columns:var(--sidebar-width,280px) 1fr;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1);min-height:100vh}.app-shell[data-collapsed=true]{--sidebar-width:80px}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;margin:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1)}.post-body h3{font-family:Space Grotesk,sans-serif;margin:0;font-size:1.15rem;font-weight:600;line-height:1.35}.landing-subtitle-large{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin:-.5rem 0 1.5rem;opacity:.9}.btn-glow{position:relative;overflow:hidden;box-shadow:0 0 20px rgba(74,193,127,.4)}.btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.btn-glow:hover:after{opacity:1}.feature-icon-wrapper{position:relative;width:60px;height:60px;display:grid;place-items:center;margin-bottom:1.5rem}.feature-icon{color:var(--accent-gold);z-index:2}.icon-aura{position:absolute;width:100%;height:100%;background:var(--accent-gold);filter:blur(20px);opacity:.15;border-radius:50%}.hero-copy h1{font-size:clamp(2.8rem,5vw,4.9rem);line-height:1.02;margin-bottom:1rem}.hero-copy p,.hero-panel p,.landing-card p,.todo-card p{color:var(--text-muted)}.comment-tabs,.hero-actions,.post-actions,.studio-actions{display:flex;flex-wrap:wrap;gap:.75rem}.empty-card,.hero-panel,.landing-card,.search-card,.settings-card,.side-panel,.todo-card{border-radius:var(--radius-lg);padding:1.2rem}.feature-list{display:grid;grid-gap:.75rem;gap:.75rem;padding-left:1.1rem;margin:0}.landing-section{margin:1.5rem 0 2.25rem}.section-header{margin-bottom:3rem}.doc-grid,.landing-card-grid,.todo-grid{display:grid;grid-gap:1rem;gap:1rem}.landing-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-card{min-height:14rem}.todo-card.done .todo-state{color:var(--accent-green)}.todo-card.active .todo-state{color:var(--accent-gold)}.todo-card.next .todo-state{color:var(--accent-blue)}.todo-state{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(100%,34rem);margin:2rem auto;border-radius:var(--radius-xl);padding:1.5rem}.auth-copy p,.auth-footer{color:var(--text-muted)}.auth-form,.auth-socials,.auth-switcher{display:grid;grid-gap:.75rem;gap:.75rem}.auth-social{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1rem;border-radius:.75rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);cursor:pointer}.auth-social,body{color:var(--text-main)}body{min-height:100vh;margin:0;overflow-x:hidden}.center-all{display:grid;place-items:center;text-align:center;width:100%}.auth-divider{display:grid;place-items:center;color:var(--text-muted);font-size:.84rem;margin:1rem 0}.auth-switcher{grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.auth-switch{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .9rem;border-radius:999px;background:var(--bg-soft);font-size:.85rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.auth-switch:hover{background:var(--line);color:var(--text-main)}.auth-switch.active{background:var(--bg-panel);border-color:var(--accent-green);box-shadow:0 4px 12px rgba(0,0,0,.1);font-weight:600}[data-theme=dark] .auth-switch.active{box-shadow:0 4px 12px rgba(0,0,0,.4)}.auth-submit{width:100%}.auth-footer a{color:var(--accent-gold)}.sidebar-brand h2{margin:0 0 .6rem;font-family:Space Grotesk,sans-serif}.sidebar-brand p{color:var(--text-muted)}.nav-list{display:flex;flex-direction:column;gap:.4rem;margin:1.2rem 0}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:.9rem;font-size:.92rem;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.08);color:var(--text-main)}.nav-item.active{background:rgba(74,193,127,.12);color:var(--accent-green)}.app-shell[data-collapsed=true] .nav-item{justify-content:center;padding:.9rem}.sidebar-user{margin-top:auto;display:grid;grid-gap:.85rem;gap:.85rem}.side-user,.sidebar-user-card,.stage-profile-link{display:flex;align-items:center;gap:.8rem}.side-user span,.sidebar-user-card span,.stage-profile-link span{display:block;color:var(--text-muted);font-size:.85rem}.avatar-badge,.mini-avatar,.profile-avatar,.sidebar-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent-gold),var(--accent-green));color:#0f1511;font-weight:800}.sidebar-user-card{padding:.8rem;border-radius:var(--radius-md);transition:all .2s ease}[data-collapsed=true] .sidebar-user-card{padding:.8rem 0;justify-content:center}[data-collapsed=true] .sidebar-avatar{margin:0}.logo-large{font-size:2.2rem!important;letter-spacing:-.03em;filter:drop-shadow(0 0 15px rgba(138,112,255,.4));margin-bottom:.5rem}.sidebar-avatar{width:3.2rem;height:3.2rem}.mini-avatar{width:2.4rem;height:2.4rem}.app-stage{padding:0;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.app-stage-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.stage-profile-link{padding:.75rem .95rem;border-radius:1rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07)}.workspace-grid{display:grid;grid-gap:1rem;gap:1rem}.app-feed-grid{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr)}.studio-card{align-self:start;position:-webkit-sticky;position:sticky;top:1.35rem;border-radius:var(--radius-lg);padding:1.25rem}.studio-header h2{margin:0;font-family:Space Grotesk,sans-serif}.persona-card p,.persona-card span,.status-text,.studio-header p{color:var(--text-muted)}.persona-list{display:grid;grid-gap:.75rem;gap:.75rem;margin:1rem 0 1.2rem}.persona-card{width:100%;display:grid;grid-gap:.5rem;gap:.5rem;padding:.95rem 1rem;text-align:left;color:var(--text-main);border:1px solid transparent;border-radius:1rem;background:hsla(0,0%,100%,.03);cursor:pointer}.persona-card.active,.persona-card:hover{border-color:rgba(240,184,90,.35);background:rgba(240,184,90,.08)}.feed-stage{min-width:0}.feed-container{display:grid;grid-gap:1rem;gap:1rem;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;padding-right:.25rem}.post-frame{min-width:0}.post-card{height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:transparent;overflow-y:auto;overflow-x:hidden}.app-stage-header{padding-top:4rem!important}.post-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;max-width:440px;position:relative;padding:1rem 0}.post-rail{display:grid;grid-gap:.8rem;gap:.8rem;justify-items:center}.avatar-badge{width:3.2rem;height:3.2rem}.profile-link{transition:transform .18s ease}.profile-link:hover{transform:translateY(-2px)}.post-rail-nav{display:grid;grid-gap:.55rem;gap:.55rem}.rail-action{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:999px;color:var(--text-main);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.post-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.author-line{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.chip,.score-pill{display:inline-flex;align-items:center;padding:.28rem .62rem;border-radius:999px;font-size:.75rem;background:hsla(0,0%,100%,.05)}.chip.muted{color:var(--text-muted)}.score-pill{color:var(--accent-gold)}.post-body{margin:1rem 0}.comments-panel{position:absolute;bottom:0;left:0;right:0;height:60%;z-index:100;border-top-left-radius:2rem;border-top-right-radius:2rem;padding:2rem;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:hsla(0,0%,8%,.85);-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 -10px 40px rgba(0,0,0,.5)}.comments-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.comments-panel-header h3{font-size:1.25rem;margin:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comments-list{flex:1 1;overflow-y:auto;margin-bottom:1.5rem;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.comment-list-item{padding:1rem;margin-bottom:.75rem;border-radius:1rem;background:hsla(0,0%,100%,.03)}.comment-author{display:block;font-size:.85rem;color:var(--accent-primary);margin-bottom:.25rem}.comment-input-zone{padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.tiktok-action.active .action-icon-bg{transform:scale(1.1);box-shadow:0 0 20px rgba(255,45,85,.4)}.tiktok-action.active heart-icon{animation:heartPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.post-body h3{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.18}.persona-note,.status-text{margin-top:.75rem;color:var(--text-muted)}.comment-card{padding:.85rem .95rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:1rem}.avatar-upload-trigger{position:relative;width:3.2rem;height:3.2rem;cursor:pointer}.avatar-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s ease;cursor:pointer;color:#fff}.avatar-upload-trigger:hover .avatar-upload-overlay{opacity:1}.avatar-upload-trigger input{display:none}.comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem}.audio-shell{display:flex;align-items:center;gap:1.2rem;width:100%;padding:.75rem 1.25rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-button{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--accent-green);color:#fff;display:grid;place-items:center;flex-shrink:0;cursor:pointer;box-shadow:0 4px 15px rgba(74,193,127,.4);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.audio-button:hover{transform:scale(1.1);background:color-mix(in srgb,var(--accent-green) 90%,#fff)}.audio-track{flex:1 1;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;position:relative}.audio-track-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));width:0;transition:width .1s linear}.audio-time{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--text-muted);min-width:4rem}.recording-preview-stack{display:grid;grid-gap:1.5rem;gap:1.5rem;width:100%;justify-items:center}.preview-player{padding:1rem 2rem;border-radius:999px;width:auto;min-width:200px}.recorder-shell{position:fixed;right:1.4rem;bottom:1.4rem;display:grid;justify-items:end;grid-gap:.7rem;gap:.7rem;z-index:30}.recording-indicator{padding:.6rem .8rem;border-radius:999px;background:hsla(9,67%,61%,.16);border:1px solid hsla(9,67%,61%,.25);color:#ffd6cf}.record-button{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.15rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-red),var(--accent-gold));color:#10130f;box-shadow:var(--shadow-strong);cursor:pointer}.record-button.active{color:var(--text-main);background:linear-gradient(135deg,#c04d3b,#7f241b)}.record-dot{width:.9rem;height:.9rem;border-radius:50%;background:currentColor}.page-stack,.profile-grid,.search-results,.settings-grid{display:grid;grid-gap:1rem;gap:1rem}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1.2rem;gap:1.2rem;align-items:center;border-radius:var(--radius-xl);padding:1.4rem}.profile-avatar{width:5.3rem;height:5.3rem;font-size:1.6rem}.profile-copy p{margin:.25rem 0}.profile-bio{max-width:42rem}.profile-meta{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:.6rem;color:var(--text-muted)}.profile-meta a,.profile-meta span{display:inline-flex;align-items:center;gap:.35rem}.profile-actions{display:grid;grid-gap:1rem;gap:1rem;justify-items:end}.profile-stats{display:flex;gap:1rem}.profile-stats.compact{justify-content:start}.profile-stats div{min-width:5rem}.profile-stats strong{display:block;font-size:1.15rem}.profile-stats span{color:var(--text-muted);font-size:.82rem}.profile-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,24rem);grid-gap:1rem;gap:1rem}.profile-side-panels{display:grid;grid-gap:1rem;gap:1rem;align-self:start}.side-panel{display:grid;grid-gap:.8rem;gap:.8rem}.search-hero{border-radius:var(--radius-xl);padding:1.25rem}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;margin:1rem 0 .5rem}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem;margin:1rem 0}.admin-grid{display:grid;grid-template-columns:1fr 350px;grid-gap:1.5rem;gap:1.5rem;align-items:start}.admin-main{display:flex;flex-direction:column;gap:1.5rem}.field.full{grid-column:1/-1}.empty-card{display:grid;place-items:center;min-height:10rem}audio{display:none}@media (max-width:1100px){.app-feed-grid,.app-shell,.doc-grid,.landing-card-grid,.landing-hero,.profile-columns,.search-results,.settings-grid,.todo-grid{grid-template-columns:1fr}.app-sidebar{height:auto}.app-sidebar,.studio-card{position:static}.comment-form,.field-grid,.post-topbar,.profile-hero,.search-form{grid-template-columns:1fr}.profile-actions{justify-items:start}.feed-container{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.post-card{scroll-snap-align:start;scroll-snap-stop:always;transition:transform .6s cubic-bezier(.23,1,.32,1)}.app-content,.app-stage,.auth-shell,.landing-shell{padding:1rem}.hero-copy h1{font-size:2.5rem}.post-layout,.profile-hero{grid-template-columns:1fr}.post-rail{grid-template-columns:auto 1fr;align-items:center}.post-rail-nav{grid-auto-flow:column;justify-content:start}}.chip,.score-pill{display:none!important}.persona-note{font-size:.75rem;color:var(--text-muted)}.visualizer-aura{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;z-index:2}.aura-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:4px solid var(--accent-green);border-radius:50%;opacity:0;pointer-events:none}.is-playing .aura-ripple{animation:aura-pulse 1.8s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes aura-pulse{0%{transform:scale(.9);opacity:.8;border-width:10px}to{transform:scale(2.2);opacity:0;border-width:1px}}.tiktok-actions-rail{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:1.5rem;width:100%;padding:.5rem 0}.tiktok-action{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-weight:600;font-size:.9rem;color:var(--text-main);background:none;border:none;cursor:pointer;transition:transform .2s ease}.tiktok-action:hover{transform:scale(1.1)}.tiktok-meta{text-align:center;margin-top:1.5rem}.landing-hero-centered{min-height:min(82vh,52rem);grid-template-columns:1fr;justify-items:center;text-align:center}.landing-copy{width:min(100%,52rem);display:grid;justify-items:center}.landing-title{font-size:clamp(3rem,6vw,5rem);margin-bottom:1.5rem}.landing-subtitle{max-width:42rem;margin-bottom:2.5rem;font-size:1.1rem;opacity:.92}.hero-actions-centered,.section-header-centered{justify-content:center;text-align:center}.landing-section-wide{max-width:1000px;margin:0 auto;padding:4rem 0}.landing-card-grid-fluid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.landing-feature-card{min-height:15rem;padding:2rem;text-align:center}.landing-card-title{margin-bottom:.8rem;font-size:1.2rem}.feature-icon{width:4rem;height:4rem;display:inline-grid;place-items:center;margin-bottom:1rem;border-radius:50%;color:var(--accent-green)}.auth-switch{min-height:3rem;color:var(--text-muted)}.auth-switch:hover{background:var(--surface-contrast);border-color:color-mix(in srgb,var(--text-muted) 50%,transparent)}.auth-switch.active{background:linear-gradient(135deg,var(--surface-strong),var(--bg-elevated));border-color:color-mix(in srgb,var(--accent-green) 65%,var(--accent-gold));box-shadow:var(--shadow-soft)}[data-theme=light] .auth-switch.active{box-shadow:0 12px 24px rgba(26,36,32,.08)}.theme-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin-top:1.25rem}.theme-option{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.05rem;border-radius:1.1rem;color:var(--text-main);text-align:left}.theme-option.active{background:linear-gradient(145deg,var(--bg-elevated),var(--surface-strong));border-color:color-mix(in srgb,var(--accent-green) 65%,var(--accent-gold));box-shadow:var(--shadow-soft)}.theme-option-copy{display:grid;grid-gap:.18rem;gap:.18rem}.theme-option-copy strong{font-size:.95rem}.theme-option-copy small{color:var(--text-muted);line-height:1.45}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.sidebar-toggle{padding:.4rem}.nav-item-create{background:linear-gradient(135deg,var(--accent-green),color-mix(in srgb,var(--accent-green) 55%,var(--accent-gold)));color:#fff;box-shadow:0 18px 34px rgba(29,114,67,.26)}.nav-item-create:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-green) 92%,#fff),var(--accent-gold))}.app-stage-header{padding:1.1rem 1.25rem 0}.app-stage-spacer{display:grid;grid-gap:.15rem;gap:.15rem}.page-kicker{color:var(--text-muted);font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.settings-page{width:min(100%,800px);display:grid;grid-gap:1.5rem;gap:1.5rem;margin:0 auto;padding:2rem 1rem 10rem;overflow-y:auto;max-height:100vh}.settings-card{display:grid;grid-gap:1rem;gap:1rem;padding:1.85rem;border-radius:1.5rem}.settings-card-form{gap:1.5rem}.settings-heading{display:grid;grid-gap:.6rem;gap:.6rem}.settings-heading h1{font-size:clamp(1.8rem,3.2vw,2.2rem)}.settings-actions{display:flex;justify-content:flex-end;margin-top:.25rem}.settings-toggle-row{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;margin-top:.25rem;border-radius:1.1rem;background:var(--surface-strong);border:1px solid var(--line)}.settings-checkbox{margin-top:.2rem;accent-color:var(--accent-green)}.settings-toggle-copy{display:grid;grid-gap:.25rem;gap:.25rem}.settings-toggle-copy small{color:var(--text-muted)}.profile-stat,.stat-link{min-width:5.5rem;display:grid;grid-gap:.12rem;gap:.12rem;padding:.75rem .9rem;border-radius:1rem}.stat-link{transition:transform .18s ease,border-color .18s ease,background .18s ease}.stat-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--text-muted) 55%,transparent);background:var(--surface-contrast)}.stat-link-disabled{pointer-events:none;opacity:.72}.profile-columns-single{grid-template-columns:minmax(0,1fr)}.profile-layout-note{max-width:16rem;text-align:right}.user-list-page{width:min(100%,600px);display:grid;grid-gap:1.5rem;gap:1.5rem;margin:0 auto;padding:1rem 1rem 3rem}.user-list-header{gap:1rem;margin-bottom:.25rem}.user-list-title{font-size:1.5rem;text-transform:capitalize}.user-stack{display:grid;grid-gap:1rem;gap:1rem}.user-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem}.user-handle{font-size:.85rem}.search-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 .5rem}.tab-btn{padding:.7rem 1rem;border-radius:999px;background:var(--surface-strong);color:var(--text-muted);transition:background .18s ease,border-color .18s ease,color .18s ease}.tab-btn.active,.tab-btn:hover{background:var(--bg-elevated);border-color:var(--accent-gold)}.search-card{display:grid;grid-gap:1rem;gap:1rem}.empty-state{color:var(--text-muted);text-align:center}.post-author-avatar{width:10rem;height:10rem;font-size:3rem;box-shadow:0 24px 40px rgba(0,0,0,.25)}.tiktok-meta{position:relative}.post-delete-button{position:absolute;top:-.25rem;right:0;padding:.5rem;color:var(--accent-red)}.post-author-name{font-size:1.05rem;letter-spacing:-.01em}.post-body-text{margin-top:.4rem;color:color-mix(in srgb,var(--text-main) 82%,var(--text-muted))}.action-icon-bg{padding:.8rem;border-radius:50%}.comments-panel{width:min(100%,440px);margin-top:2rem;padding:1.5rem;border-radius:1.5rem;border-top:0}.comment-list-item{display:grid;grid-gap:.65rem;gap:.65rem;padding-bottom:.8rem}.comment-list-item:last-child{padding-bottom:0;border-bottom:0}.comment-input-zone{display:flex;justify-content:center;margin-top:1rem}.comment-input-zone .btn{width:100%;padding:1rem;border-radius:1rem;font-size:1.02rem}.comment-status{min-height:1.25rem;text-align:center}.modal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.5rem;background:rgba(2,7,5,.58);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.creator-modal{width:min(100%,520px);overflow:hidden;border-radius:2rem;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line)}.modal-header h2{font-size:1.25rem;font-family:Space Grotesk,sans-serif}.modal-body{padding:1.5rem}.plus-icon-bg{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--accent-green);color:#fff}.creator-toolbar,.recording-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.creator-toolbar select{width:auto;min-width:8rem}.creator-input{min-height:120px;margin-top:1rem;resize:none}.script-container{padding:1rem;margin-top:1rem;border-radius:1rem}.script-editor{min-height:150px;background:transparent;border:0;padding:0;font-size:1.1rem;line-height:1.6}.creator-continue{width:100%;margin-top:1.5rem}.teleprompter{max-height:200px;overflow-y:auto;margin-bottom:2rem;padding:2rem;border-radius:1.5rem;background:var(--surface-strong);text-align:center;font-size:1.35rem;font-weight:500;line-height:1.45}.recording-zone{min-height:150px}.big-record-button,.recording-zone{display:flex;flex-direction:column;align-items:center;justify-content:center}.big-record-button{width:100px;height:100px;position:relative;gap:.5rem;border-radius:50%;background:var(--accent-gold);color:#10130f;font-weight:700;box-shadow:0 22px 34px rgba(199,141,38,.24);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.big-record-button.active{transform:scale(1.12);box-shadow:0 0 24px rgba(184,63,42,.35)}.timer{position:absolute;bottom:-2.3rem;font-size:1rem;color:var(--accent-red)}.center-all{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:40px;height:40px;margin-bottom:1rem;border:3px solid var(--line);border-top-color:var(--accent-green);border-radius:50%;animation:spin 1s linear infinite}.transition-fade{animation:fadeIn .3s ease}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.landing-card-grid-fluid,.search-results,.theme-switcher{grid-template-columns:1fr}}@media (max-width:720px){.app-stage-header{padding:1rem 1rem 0}.stage-profile-link{padding:.65rem .8rem}.creator-toolbar,.recording-actions,.theme-switcher{grid-template-columns:1fr;display:grid}.landing-subtitle{font-size:1rem}.profile-layout-note{max-width:none;text-align:left}.post-author-avatar{width:8.5rem;height:8.5rem;font-size:2.4rem}.tiktok-actions-rail{gap:2rem}.modal-overlay{padding:1rem}.teleprompter{padding:1.5rem;font-size:1.15rem}}:root{--bg-main:#0a0b0d;--bg-panel:#111316;--bg-elevated:#15181c;--bg-soft:hsla(0,0%,100%,.03);--text-main:#f4f5f7;--text-muted:#8b9097;--line:hsla(0,0%,100%,.08);--surface-input:hsla(0,0%,100%,.04);--surface-strong:hsla(0,0%,100%,.05);--surface-contrast:hsla(0,0%,100%,.08);--accent-primary:#5fd49a;--accent-green:#5fd49a;--accent-gold:#e8b864;--accent-red:#f06058;--accent-blue:#7ec3e6;--shadow-strong:0 8px 24px rgba(0,0,0,.35);--shadow-soft:0 4px 12px rgba(0,0,0,.18);--glass-bg:hsla(0,0%,100%,.025);--glass-border:hsla(0,0%,100%,.07);--glass-blur:24px;--glass-glow:none;--grad-start:#0a0b0d;--grad-mid:#0a0b0d;--grad-end:#0a0b0d;--grad-accent-1:transparent;--grad-accent-2:transparent;--grad-accent-3:transparent;--radius-xl:1.5rem;--radius-lg:1.1rem;--radius-md:0.75rem}[data-theme=light]{--bg-main:#fff;--bg-panel:#fff;--bg-elevated:#fafbfc;--bg-soft:rgba(0,0,0,.02);--text-main:#0d1117;--text-muted:#656d76;--line:rgba(0,0,0,.08);--surface-input:#fff;--surface-strong:#fafbfc;--surface-contrast:rgba(0,0,0,.04);--accent-primary:#1f9d6e;--accent-green:#1f9d6e;--accent-gold:#b88419;--accent-red:#c53929;--accent-blue:#1c7ea0;--shadow-strong:0 8px 24px rgba(13,17,23,.06);--shadow-soft:0 2px 8px rgba(13,17,23,.04);--glass-bg:#fff;--glass-border:rgba(0,0,0,.06)}body{background:var(--bg-main);font-feature-settings:"ss01","cv11";letter-spacing:-.005em}h1,h2,h3,h4{letter-spacing:-.02em}.premium-gradient-text{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;color:var(--text-main);animation:none;font-weight:800;letter-spacing:-.03em}.glass-panel{background:var(--bg-panel);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:none;transition:border-color .2s ease,background .2s ease}.glass-panel:hover{box-shadow:none;border-color:var(--surface-contrast)}.btn{padding:.6rem 1rem;border-radius:.7rem;background:var(--surface-strong);border:1px solid var(--line);font-weight:500;font-size:.875rem;transition:background .16s ease,border-color .16s ease,color .16s ease}.btn:hover{background:var(--surface-contrast);border-color:var(--surface-contrast);transform:none}.btn-primary{background:var(--accent-primary);color:#0a0b0d;border:0;box-shadow:none;font-weight:600}.btn-primary:hover{background:color-mix(in srgb,var(--accent-primary) 88%,#fff)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-strong)}.btn-glow{box-shadow:none}.btn-pill,.btn-xl{padding:.85rem 1.6rem;border-radius:.8rem;font-weight:600}input,select,textarea{padding:.7rem .9rem;border-radius:.6rem;background:var(--surface-input);border:1px solid var(--line);font-size:.92rem;transition:border-color .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:none}.app-sidebar{margin:0;border-radius:0;border-right:1px solid var(--line);background:var(--bg-panel);padding:1.25rem 1rem}.sidebar-brand{justify-content:space-between;height:3rem;margin-bottom:1.5rem;padding:0 .25rem;position:relative}.brand-link,.sidebar-brand{display:flex;align-items:center}.brand-link{text-decoration:none}.logo-large{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin:0;line-height:1}.sidebar-toggle-floating{position:relative;right:auto;top:auto;transform:none;background:var(--bg-elevated);border:1px solid var(--line);width:1.75rem;height:1.75rem;box-shadow:var(--shadow-soft);display:grid;place-items:center;border-radius:50%;flex-shrink:0}.sidebar-toggle-floating:hover{background:var(--surface-contrast);color:var(--text-main);transform:none}.app-shell[data-collapsed=true] .sidebar-brand{justify-content:center;padding:0}.app-shell[data-collapsed=true] .brand-link{display:none}.app-shell[data-collapsed=true] .sidebar-toggle-floating{position:relative}.nav-list{gap:.2rem;margin:.5rem 0}.nav-item{padding:.6rem .85rem;border-radius:.6rem;font-size:.9rem;font-weight:500;color:var(--text-muted)}.nav-item.active,.nav-item:hover{background:var(--surface-strong);color:var(--text-main)}.nav-item.active{position:relative}.nav-item.active:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-primary);border-radius:0 2px 2px 0}.nav-item-create{margin-top:auto;background:var(--accent-primary);color:#0a0b0d;border:0;box-shadow:none;font-weight:600}.nav-item-create:hover{background:color-mix(in srgb,var(--accent-primary) 88%,#fff);color:#0a0b0d}.sidebar-user-card{background:var(--surface-strong);border:1px solid var(--line);padding:.65rem .75rem;border-radius:.7rem}.sidebar-user-card:hover{background:var(--surface-contrast)}.sidebar-user-info strong{font-size:.85rem;font-weight:600}.sidebar-user-info span{font-size:.78rem}.mini-avatar,.sidebar-avatar{background:var(--accent-primary);color:#0a0b0d}.app-stage-header{padding:1.25rem 1.5rem!important;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-main) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:20;margin-bottom:0}.app-stage-header h1{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.stage-profile-link{padding:.4rem .6rem .4rem .4rem;border-radius:.6rem;background:var(--surface-strong);border:1px solid var(--line);font-size:.85rem}.stage-profile-link strong{font-weight:600;font-size:.85rem}.stage-profile-link span{font-size:.75rem}.post-card{height:calc(100dvh - 4rem);padding:2rem 1rem}.post-author-avatar{width:7rem;height:7rem;font-size:2rem;box-shadow:none;border:2px solid var(--line)}.visualizer-aura{width:9rem;height:9rem}.aura-ripple{width:7rem;height:7rem;border-width:2px}.tiktok-meta{margin-top:1rem}.post-author-name{font-size:1rem;font-weight:600}.post-body-text{font-size:.92rem;line-height:1.55;color:var(--text-muted);max-width:32rem;margin:.5rem auto 0}.tiktok-actions-rail{gap:1.75rem;margin-top:1.25rem}.tiktok-action{font-size:.82rem;font-weight:500;color:var(--text-muted);gap:.4rem}.tiktok-action span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.action-icon-bg{width:2.75rem;height:2.75rem;padding:0;background:var(--surface-strong);border:1px solid var(--line);display:grid;place-items:center;transition:all .16s ease}.tiktok-action:hover .action-icon-bg{background:var(--surface-contrast);border-color:var(--surface-contrast)}.tiktok-action.active .action-icon-bg{background:var(--accent-red);color:#fff;border-color:var(--accent-red);box-shadow:none;transform:none}.tiktok-action.active{color:var(--accent-red)}.comments-panel{background:var(--bg-panel);border:1px solid var(--line);border-bottom:0;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;box-shadow:0 -8px 32px rgba(0,0,0,.25);-webkit-backdrop-filter:none;backdrop-filter:none;height:65%;padding:1.25rem 1.25rem 1rem}.comments-panel-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.comments-panel-header h3{font-size:1rem;font-weight:600}.comment-list-item{background:transparent;padding:.75rem 0;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--line)}.comment-author{font-size:.82rem;font-weight:600;color:var(--text-main);margin-bottom:.35rem}.comments-list{-webkit-mask-image:none;mask-image:none;margin-bottom:.75rem}.auth-card{background:var(--bg-panel);padding:2rem}.auth-card,.auth-switch{border:1px solid var(--line)}.auth-switch{background:var(--surface-strong);font-weight:500}.auth-switch.active{background:var(--bg-elevated);border-color:var(--accent-primary);color:var(--text-main);box-shadow:none}.auth-social{background:var(--surface-strong);border:1px solid var(--line);font-weight:500}.auth-social:hover{background:var(--surface-contrast)}.profile-hero{background:var(--bg-panel);border:1px solid var(--line)}.profile-stat,.stat-link{background:var(--surface-strong);border:1px solid var(--line);border-radius:.7rem}.profile-stats strong{font-size:1.1rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.search-hero{background:var(--bg-panel)}.search-hero,.tab-btn{border:1px solid var(--line)}.tab-btn{background:transparent;font-weight:500}.tab-btn.active,.tab-btn:hover{background:var(--surface-strong);color:var(--text-main);border-color:var(--accent-primary)}.settings-card{background:var(--bg-panel);border:1px solid var(--line)}.theme-option{background:var(--surface-strong);border:1px solid var(--line);border-radius:.7rem;padding:.85rem}.theme-option.active{background:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:none}.empty-card,.hero-panel,.landing-card,.search-card,.side-panel,.todo-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:1rem;padding:1.5rem}.landing-feature-card{padding:1.75rem}.feature-icon{background:var(--surface-strong);border:1px solid var(--line);width:3rem;height:3rem}.eyebrow{color:var(--accent-primary);font-size:.7rem;letter-spacing:.16em;font-weight:600}.modal-overlay{background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.creator-modal{background:var(--bg-panel);border:1px solid var(--line);border-radius:1.25rem}.chip,.score-pill{font-size:.72rem;font-weight:500}.chip,.score-pill,.status-banner{background:var(--surface-strong);border:1px solid var(--line)}.status-banner{border-radius:.6rem;font-size:.86rem}.status-banner.error{background:color-mix(in srgb,var(--accent-red) 8%,var(--bg-panel));border-color:color-mix(in srgb,var(--accent-red) 30%,transparent);color:var(--accent-red)}.audio-shell{background:var(--surface-strong);border:1px solid var(--line);padding:.6rem 1rem}.audio-button{width:2.4rem;height:2.4rem;background:var(--accent-primary);color:#0a0b0d;box-shadow:none}.audio-button:hover{background:color-mix(in srgb,var(--accent-primary) 88%,#fff)}.audio-track-fill{background:var(--accent-primary)}.persona-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:.7rem;transition:all .16s ease}.persona-card.active,.persona-card:hover{background:var(--bg-elevated);border-color:var(--accent-primary)}.record-button{background:var(--accent-primary);color:#0a0b0d;box-shadow:var(--shadow-soft);font-weight:600}.record-button.active{background:var(--accent-red);color:#fff}.big-record-button{background:var(--accent-primary);color:#0a0b0d;box-shadow:0 8px 24px rgba(95,212,154,.18)}.big-record-button.active{background:var(--accent-red);color:#fff;box-shadow:0 8px 24px rgba(240,96,88,.25)}.app-shell{grid-template-columns:var(--sidebar-width,240px) 1fr}.app-shell[data-collapsed=true]{--sidebar-width:72px}body{background:var(--bg-main)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-contrast);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:focus-visible,button:focus-visible{outline-offset:1px}