:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#071322;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 8%,#174b79 0,transparent 35%),radial-gradient(circle at 86% 28%,#312969 0,transparent 38%),linear-gradient(145deg,#071322,#0a1728 58%,#10172b);background-attachment:fixed}button,input,textarea{font:inherit}button{color:inherit;border:1px solid #ffffff24;background:#ffffff12;border-radius:12px;padding:9px 14px;cursor:pointer}button:hover{background:#ffffff1e}button:disabled{opacity:.5;cursor:default}button.primary{color:#04111f;font-weight:700;border:0;background:linear-gradient(135deg,#9beaff,#7e9cff);box-shadow:0 8px 25px #3aa8ff36}button.quiet{border:0;background:transparent;color:#b9c7d8}input,textarea{width:100%;color:#f7fbff;border:1px solid #ffffff20;background:#04101d80;border-radius:12px;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:#7edfff99;box-shadow:0 0 0 3px #5ccfff1a}.glass{border:1px solid #ffffff20;background:linear-gradient(145deg,#ffffff18,#ffffff09);box-shadow:inset 0 1px #ffffff26,0 20px 55px #0000002e;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);padding:28px;border-radius:26px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em}.brand img{width:34px;height:34px;border-radius:10px}h1{margin:24px 0 8px;font-size:clamp(1.75rem,5vw,2.35rem);letter-spacing:-.045em}.secondary{color:#b9c7d8;line-height:1.55}.stack{display:grid;gap:14px;margin-top:24px}.stack label{display:grid;gap:7px;color:#c9d5e3;font-size:.9rem}.notice,.toast{color:#d8f6ff;background:#63ccff18;border:1px solid #63ccff32;border-radius:12px;padding:10px 12px}.pairing-code{margin:24px 0 16px;font:750 clamp(2.3rem,12vw,4rem)/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#a9ecff;text-align:center}.sign-out{margin-top:16px;width:100%}.app-shell{width:min(940px,calc(100% - 32px));margin:0 auto;padding:24px 0 70px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header-actions{display:flex;align-items:center;gap:8px;color:#b9c7d8;font-size:.86rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#69e3ac;box-shadow:0 0 14px #69e3ac}.composer{padding:16px;border-radius:24px}.composer textarea{min-height:104px;resize:vertical;border:0;background:#04101d66}.composer-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;margin-top:10px}.pin-check{display:flex;align-items:center;gap:7px;color:#c9d5e3}.pin-check input{width:auto}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0 14px}.segmented{display:flex;padding:3px;border-radius:14px;background:#ffffff0c;border:1px solid #ffffff16}.segmented button{border:0;background:transparent}.segmented button.selected{background:#ffffff1c;box-shadow:inset 0 1px #fff2}.search{width:min(260px,45vw);padding-block:9px}.toast{margin-bottom:14px}.items{display:grid;gap:10px}.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border-radius:19px}.item-copy{min-width:0}.item-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-copy p{color:#d6e1ed;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.item-copy small{color:#8fa1b5}.item-actions{display:flex;gap:8px}.empty{padding:34px;border-radius:22px;text-align:center}.empty h2{margin:0}@media(max-width:650px){.app-shell{width:min(100% - 20px,940px);padding-top:14px}.header-actions{font-size:0}.header-actions .quiet{font-size:.85rem}.composer-row{grid-template-columns:1fr auto}.composer-row>input:first-child{grid-column:1 / -1}.toolbar{align-items:stretch}.search{width:100%}.item{grid-template-columns:1fr}.item-actions{justify-content:flex-end}}@media(prefers-reduced-transparency:reduce){.glass{background:#142338;backdrop-filter:none;-webkit-backdrop-filter:none}}