*{box-sizing:border-box;margin:0;padding:0}:root{--color-text:#1C1C1E;--color-bg:#FFFFFF;--color-muted:#697F99;--color-border:#E0E0E0;--color-accent:#4CBB5F;--color-primary:#1C1C1E;--color-success:#1C1C1E;--font-family:"Inter",-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius:6px;--radius-lg:12px;--transition:150ms ease-out;--space-unit:8px;--space-xs:calc(var(--space-unit) * 0.5);--space-sm:var(--space-unit);--space-md:calc(var(--space-unit) * 2);--space-lg:calc(var(--space-unit) * 3);--space-xl:calc(var(--space-unit) * 4);--space-2xl:calc(var(--space-unit) * 6);--container-max:1024px;--container-padding:var(--space-lg)}@media (prefers-color-scheme:dark){:root{--color-border:#2A2C32;--color-bg:#0E1117;--color-text:#EDEDED;--color-muted:#999999}}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg);margin:0;padding:0}body,html{font-family:var(--font-family);color:var(--color-text)}body{background:var(--color-bg);font-size:16px;font-weight:400;font-optical-sizing:auto;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-md)}a{color:var(--color-action);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}button{font-family:var(--font-family);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition)}.button-outline{background:transparent;border:1px solid var(--color-text);color:var(--color-text);font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .2s cubic-bezier(.4,0,.2,1);height:36px;min-width:64px}.button-outline:hover{background:rgba(255,255,255,.04);border-color:var(--color-text)}.button-outline:active{background:rgba(255,255,255,.08);border-color:var(--color-text);transform:translateY(.5px)}.button-outline:focus{outline:none}.button-outline:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button-outline:disabled{border-color:#CCC;color:#CCC;cursor:not-allowed;background:transparent}.button-outline:disabled:hover{background:transparent}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.toolbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-bg);z-index:100}.toolbar,.toolbar-inner{display:flex;align-items:center}.toolbar-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);width:100%;justify-content:flex-end;gap:var(--space-lg);min-height:56px}.main-content{padding-top:56px}input[type=email],input[type=password],input[type=text],textarea{font-family:var(--font-family);font-size:16px;background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-md);border-radius:var(--radius);width:100%;transition:all var(--transition)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--color-action);box-shadow:0 0 0 1px var(--color-action);background:rgba(28,28,30,.05)}input[type=email]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--color-muted)}.card{border:1px solid var(--color-border);background:transparent;padding:var(--space-lg);border-radius:var(--radius);margin-bottom:var(--space-md)}.card-timestamp{font-size:14px;margin-bottom:var(--space-sm)}.card-timestamp,.text-muted{color:var(--color-muted)}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.loading-text{color:var(--color-muted);font-size:16px}@media (max-width:768px){:root{--container-padding:var(--space-md)}h1{font-size:2rem}h2{font-size:1.5rem}.toolbar-inner{gap:var(--space-sm);flex-wrap:nowrap}.toolbar-logo{font-size:1rem!important;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-outline{padding:6px 12px;font-size:13px;height:32px;min-width:56px;flex-shrink:0}}