:root{--bg0: #f3efe6;--bg1: #e7f0f4;--ink: #14212b;--muted: #5a6b76;--accent: #0b6e4f;--accent-2: #c45c26;--panel: rgba(255, 252, 247, .86);--line: rgba(20, 33, 43, .12);--shadow: 0 18px 50px rgba(20, 33, 43, .12);--sans: "IBM Plex Sans", "Avenir Next", sans-serif;--serif: "Source Serif 4", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9ece6 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#f6d9c8 0%,transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1))}button,input{font:inherit}.center-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7b3;position:sticky;top:0;z-index:10}.brand{font-family:var(--serif);font-size:1.6rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:inherit;text-decoration:none}.brand-sub{color:var(--muted);font-size:.8rem}.nav{display:flex;gap:.5rem}.nav a{color:var(--ink);text-decoration:none;padding:.45rem .8rem;border-radius:999px}.nav a.active{background:var(--ink);color:#fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.user-chip{display:flex;align-items:center;gap:.5rem}.account-menu{position:relative}.account-trigger{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.4rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;color:inherit;min-width:10rem;text-align:left}.account-trigger-label{font-size:.9rem;font-weight:600;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger-meta{font-size:.7rem;color:var(--muted)}.account-dropdown{position:absolute;right:0;top:calc(100% + .4rem);width:min(20rem,90vw);padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#fffdf9;box-shadow:var(--shadow);z-index:30}.account-dropdown-title{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.account-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;max-height:14rem;overflow:auto}.account-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .65rem;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;color:inherit;text-align:left}.account-row:hover:not(:disabled){background:#0b6e4f14}.account-row.active{border-color:#0b6e4f59;background:#0b6e4f1a}.account-row-name{font-size:.9rem;font-weight:600}.account-row-email{font-size:.72rem;color:var(--muted)}.account-dropdown-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem;padding-top:.65rem;border-top:1px solid var(--line)}.sync-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem}.main{padding:1.25rem 1.5rem 2rem}.shell-hub{color:#e8eef2;background:radial-gradient(900px 500px at 8% -10%,rgba(45,212,160,.12),transparent 55%),radial-gradient(800px 480px at 100% 0%,rgba(232,149,106,.1),transparent 50%),linear-gradient(165deg,#0b0f13,#121820 48%,#0e141b)}.shell-hub .topbar{background:#0c1016d1;border-bottom-color:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shell-hub .brand,.shell-hub .brand-sub,.shell-hub .muted,.shell-hub .account-trigger-label,.shell-hub .account-trigger-meta{color:inherit}.shell-hub .brand-sub,.shell-hub .muted,.shell-hub .account-trigger-meta{color:#8b9aab}.shell-hub .account-trigger{background:#ffffff0a;border-color:#ffffff1a;color:#e8eef2}.shell-hub .account-dropdown{background:#171e27;border-color:#ffffff1a;color:#e8eef2}.shell-hub .btn{background:#ffffff0f;border-color:#ffffff1f;color:#e8eef2}.shell-hub .btn.primary{background:#e8eef2;border-color:#e8eef2;color:#0b0f13}.shell-hub .main{padding:2rem 1.5rem 3.5rem;max-width:1080px;margin:0 auto;width:100%}.dash{display:grid;gap:2.25rem;color:#e8eef2}.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:.25rem}.dash-hero-copy{display:grid;gap:.55rem;max-width:36rem}.dash-eyebrow{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5ee0b0}.dash-title{margin:0;font-family:var(--serif);font-size:clamp(2.1rem,4.5vw,3rem);font-weight:600;letter-spacing:-.04em;line-height:1.05;color:#f3f7fa}.dash-lead{margin:0;color:#8b9aab;line-height:1.5;font-size:.98rem}.dash-hero-actions{display:flex;flex-wrap:wrap;gap:.55rem}.dash-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e8eef2;border-radius:999px;padding:.65rem 1.15rem;cursor:pointer;font-weight:500;transition:transform .16s ease,background .16s ease,border-color .16s ease}.dash-btn:hover:not(:disabled){transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff38}.dash-btn:disabled{opacity:.45;cursor:default}.dash-btn-primary{background:#e8eef2;border-color:#e8eef2;color:#0b0f13}.dash-btn-primary:hover:not(:disabled){background:#fff;border-color:#fff}.dash-btn-ghost{background:transparent}.dash-btn-sm{padding:.45rem .85rem;font-size:.88rem}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.dash-stat{background:#161c24e0;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.1rem;display:grid;gap:.25rem;box-shadow:0 12px 32px #00000047}.dash-stat.wide{grid-column:span 1}.dash-stat-value{font-family:var(--serif);font-size:1.85rem;font-weight:600;letter-spacing:-.03em;line-height:1}.dash-stat-value.small{font-size:1.35rem}.dash-stat-value.live{color:#5ee0b0}.dash-stat-value.offline{color:#e8956a}.dash-stat-sep{margin:0 .2rem;color:#8b9aab;font-weight:400}.dash-stat-label{color:#8b9aab;font-size:.78rem;letter-spacing:.02em}.dash-banner{margin:0;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:.92rem}.dash-banner.ok{background:#2ecc901f;border-color:#2ecc9047;color:#9af0cb}.dash-banner.error{background:#dc50501f;border-color:#dc50504d;color:#ffb4b4}.dash-section{display:grid;gap:1.1rem}.dash-section-head h2{margin:0;font-family:var(--serif);font-size:1.45rem;font-weight:600;letter-spacing:-.03em;color:#f3f7fa}.dash-section-head p{margin:.35rem 0 0;color:#8b9aab;font-size:.92rem}.dash-account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dash-account{display:grid;gap:1rem;padding:1.2rem;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#202832f2,#121820eb);box-shadow:0 16px 40px #00000059;animation:dash-rise .42s ease both;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dash-account:hover{transform:translateY(-3px);border-color:#ffffff29;box-shadow:0 20px 48px #00000073}.dash-account.is-active{border-color:#5ee0b073;box-shadow:0 0 0 1px #5ee0b01f,0 16px 40px #0006}.dash-account.is-offline{border-color:#e8956a66}@keyframes dash-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dash-account-top{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center}.dash-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:650;font-size:.95rem;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff2e}.dash-account-meta{min-width:0}.dash-account-meta h3{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.02em;color:#f3f7fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-account-meta p{margin:.2rem 0 0;color:#8b9aab;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-pill{font-size:.7rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .55rem;border-radius:999px}.dash-pill.live{background:#5ee0b024;color:#9af0cb}.dash-pill.offline{background:#e8956a29;color:#ffc49a}.dash-account-flags{display:flex;flex-wrap:wrap;gap:.4rem}.dash-chip{font-size:.72rem;padding:.28rem .55rem;border-radius:999px;background:#ffffff0f;color:#d5dde6}.dash-chip.muted{color:#8b9aab}.dash-account-actions{display:flex;flex-wrap:wrap;gap:.45rem;padding-top:.15rem;border-top:1px solid rgba(255,255,255,.08)}.dash-account-add{cursor:pointer;align-content:center;justify-items:start;min-height:210px;background:linear-gradient(160deg,#1c242eb3,#10161ed9);border-style:dashed;border-color:#ffffff2e;text-align:left;font:inherit;color:inherit}.dash-account-add:hover{border-color:#ffffff59}.dash-add-plus{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ffffff14;font-size:1.4rem;font-weight:500}.dash-add-title{font-weight:650;font-size:1.02rem;letter-spacing:-.02em}.dash-add-sub{color:#8b9aab;font-size:.85rem}.dash-empty{display:grid;gap:.65rem;justify-items:start;padding:2rem 1.5rem;border-radius:20px;border:1px dashed rgba(255,255,255,.16);background:#161c24b3}.dash-empty-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ffffff14;font-size:1.5rem}.dash-empty h3{margin:0;font-family:var(--serif);font-size:1.35rem;color:#f3f7fa}.dash-empty p{margin:0;color:#8b9aab;max-width:28rem}.dash-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.dash-lib-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.15rem 1.2rem;text-decoration:none;color:inherit;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#202832f2,#121820eb);box-shadow:0 16px 40px #00000059;transition:transform .18s ease,border-color .18s ease}.dash-lib-card:hover{transform:translateY(-3px);border-color:#ffffff2e}.dash-lib-visual{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#ffffff0d}.dash-lib-card h3{margin:0;font-size:1.12rem;font-weight:650;letter-spacing:-.02em;color:#f3f7fa}.dash-lib-card p{margin:.25rem 0 0;color:#8b9aab;font-size:.86rem}.dash-lib-go{font-size:.82rem;font-weight:600;color:#5ee0b0}.dash-foot{display:flex;flex-wrap:wrap;gap:.55rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:720px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero{align-items:flex-start}}.err-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;margin:0;display:grid;place-items:center;padding:1.5rem;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}.err-page-box{max-width:22rem;text-align:center}.err-page-code{margin:0 0 .75rem;font-size:1rem;font-weight:400;letter-spacing:0;color:#111}.err-page-title{margin:0;font-size:1rem;font-weight:400;line-height:1.4;color:#111}.captcha-page{--cap-ink: #0f1c24;--cap-muted: #5b6b76;--cap-accent: #1a7a62;--cap-panel: rgba(255, 255, 255, .88);--cap-line: rgba(15, 28, 36, .08);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;margin:0;display:grid;place-items:center;padding:1.5rem;overflow:hidden;color:var(--cap-ink);font-family:IBM Plex Sans,Avenir Next,system-ui,sans-serif;background:radial-gradient(900px 520px at 12% -8%,#c8e8df 0%,transparent 55%),radial-gradient(760px 480px at 100% 8%,#d7e4f2 0%,transparent 50%),linear-gradient(165deg,#eef3f6,#e4ece8)}.captcha-page-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(26,122,98,.18),transparent 70%);filter:blur(8px);animation:captcha-glow 6s ease-in-out infinite alternate;pointer-events:none}.captcha-page-panel{position:relative;width:min(100%,22.5rem);padding:2rem 1.75rem 1.85rem;text-align:center;background:var(--cap-panel);border:1px solid var(--cap-line);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #0f1c2414;animation:captcha-rise .55s ease both}.captcha-page-icon{width:3.5rem;height:3.5rem;margin:0 auto 1.1rem;display:grid;place-items:center;color:var(--cap-accent);background:#1a7a621a;border-radius:14px;animation:captcha-icon-in .7s ease both}.captcha-page-title{margin:0 0 .45rem;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.captcha-page-sub{margin:0 0 1.35rem;font-size:.95rem;color:var(--cap-muted);line-height:1.45}.captcha-page-host{min-height:65px;display:flex;justify-content:center}.captcha-page-hint{margin:.95rem 0 0;font-size:.88rem;color:var(--cap-muted)}.captcha-page-hint-pulse{animation:captcha-pulse 1.2s ease-in-out infinite}.captcha-page-error{margin:.95rem 0 0;font-size:.88rem;color:#b42318}@keyframes captcha-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes captcha-icon-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes captcha-glow{0%{transform:translate(-40%,-20%) scale(1)}to{transform:translate(30%,25%) scale(1.15)}}@keyframes captcha-pulse{0%,to{opacity:.55}50%{opacity:1}}.icloud-waiting-card{display:flex;flex-direction:column;align-items:center;text-align:center}.icloud-waiting-card .icloud-signin-sub{max-width:22rem;margin-left:auto;margin-right:auto}.icloud-waiting-spinner{width:44px;height:44px;margin:1.5rem 0 .85rem;border:3px solid rgba(0,0,0,.08);border-top-color:var(--icloud-continue, #0071e3);border-radius:50%;animation:icloud-waiting-spin .85s linear infinite}.icloud-waiting-hint{margin:0;font-size:14px;color:var(--icloud-muted, #6e6e73)}.icloud-turnstile-host{margin-top:1.25rem;min-height:65px;display:flex;justify-content:center}@keyframes icloud-waiting-spin{to{transform:rotate(360deg)}}.gate-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.gate-card{width:min(400px,100%);display:grid;gap:.85rem;padding:1.75rem 1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.gate-kicker{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.gate-title{margin:0;font-family:var(--serif);font-size:1.75rem;font-weight:600;letter-spacing:-.03em}.gate-sub{margin:0;line-height:1.45;font-size:.92rem}.gate-field{display:grid;gap:.35rem}.gate-field input{border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem;background:#fff}.page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.page-head.compact{align-items:center}.page-head h1{margin:0;font-family:var(--serif);font-weight:600;letter-spacing:-.03em}.search{min-width:min(360px,100%);border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:.7rem .9rem}.btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55rem 1rem;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:transparent}.muted{color:var(--muted)}.tiny{font-size:.8rem}.error-text{color:#a12828}.photo-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ai-hint{margin:-.4rem 0 1rem;max-width:52rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.match-tag{position:absolute;left:6px;bottom:6px;font-size:.65rem;background:#0b6e4fe6;color:#fff;padding:.15rem .4rem;border-radius:6px}.photo-tile{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#d7dee3;animation:rise .45s ease both}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.photo-tile:hover img{transform:scale(1.04)}.center-row{display:flex;justify-content:center;margin-top:1.25rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1016d1;display:grid;place-items:center;padding:2rem;z-index:50;color:#fff}.lightbox img{max-width:min(96vw,1100px);max-height:80vh;border-radius:8px;box-shadow:var(--shadow)}.notes-page{display:grid;grid-template-columns:200px 300px 1fr;gap:1rem;min-height:calc(100vh - 110px)}.folders,.notes-list-pane,.note-reader{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.85rem;box-shadow:var(--shadow)}.folders{display:flex;flex-direction:column;gap:.25rem}.folders button{text-align:left;border:0;background:transparent;padding:.55rem .65rem;border-radius:10px;cursor:pointer}.folders button.active{background:#0b6e4f1f;color:var(--accent);font-weight:600}.notes-list{list-style:none;margin:0;padding:0;max-height:calc(100vh - 220px);overflow:auto}.notes-list button{width:100%;text-align:left;border:0;background:transparent;border-bottom:1px solid var(--line);padding:.75rem .35rem;cursor:pointer;display:grid;gap:.2rem}.notes-list span{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-reader{overflow:auto}.note-reader h2{margin:0 0 .35rem;font-family:var(--serif)}.note-body{white-space:pre-wrap;font-family:var(--serif);font-size:1.05rem;line-height:1.55}.icloud-signin{--icloud-card-w: 640px;--icloud-content-w: 460px;--icloud-card-radius: 34px;--icloud-input-h: 3.2941176471rem;--icloud-input-radius: 12px;--icloud-btn-radius: 8px;--icloud-widget-min-h: 350px;--icloud-bg: #ffffff;--icloud-card: #ffffff;--icloud-ink: #1d1d1f;--icloud-muted: #6e6e73;--icloud-line: #86868b;--icloud-blue: #0066cc;--icloud-continue: #0071e3;--icloud-continue-hover: #0076df;--icloud-continue-active: #006edb;--icloud-passkey: #1d1d1f;--icloud-passkey-hover: #272729;--icloud-passkey-active: #18181a;--icloud-btn-disabled-opacity: .42;--icloud-error: #d70015;--icloud-font: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--icloud-bg);color:var(--icloud-ink);font-family:var(--icloud-font);font-size:17px;animation:icloud-fade .4s ease both}.icloud-topnav{width:100%;max-width:var(--icloud-card-w);display:flex;align-items:center;justify-content:space-between;padding:18px 16px 0;box-sizing:border-box}.icloud-topnav-brand{display:inline-flex;align-items:center;gap:7px;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--icloud-ink)}.icloud-topnav-more{border:none;background:transparent;color:var(--icloud-ink);font-size:22px;letter-spacing:.08em;line-height:1;padding:4px 6px;cursor:default}button.icloud-topnav-more{cursor:pointer;font-size:18px;letter-spacing:0}.icloud-topnav-actions{display:inline-flex;align-items:center;gap:4px}.icloud-lang{position:relative}.icloud-lang-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--icloud-ink, #1d1d1f);cursor:pointer}.icloud-lang-btn:hover{background:#0000000f}.icloud-lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:40;margin:0;padding:6px;list-style:none;min-width:11.5rem;max-height:min(70vh,22rem);overflow:auto;background:#fff;border-radius:12px;box-shadow:0 8px 28px #0000002e;border:1px solid rgba(0,0,0,.08);text-align:start}.icloud-lang-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:.55rem .7rem;border:none;border-radius:8px;background:transparent;cursor:pointer;color:inherit;font:inherit}.icloud-lang-option:hover{background:#0071e314}.icloud-lang-option.is-active{background:#0071e31f}.icloud-lang-native{font-size:.92rem;font-weight:600}.icloud-lang-label{font-size:.72rem;color:#6e6e73}[dir=rtl] .icloud-signin-card{text-align:center}.icloud-signin-card{width:var(--icloud-card-w);max-width:calc(100% - 32px);min-height:calc(var(--icloud-widget-min-h) + 120px);margin:44px auto 80px;box-sizing:border-box;background:var(--icloud-card);border-radius:var(--icloud-card-radius);padding:28px 90px 36px;box-shadow:0 11px 34px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;display:flex;flex-direction:column;align-items:center}.icloud-mark{position:relative;width:100px;height:100px;margin:0 auto 18px;flex-shrink:0}.icloud-mark-ring{width:100px;height:100px;display:block}.icloud-mark-apple{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#000}.icloud-signin-title{margin:5px auto 13px;max-width:380px;font-size:28px;line-height:1.1428571429;font-weight:600;letter-spacing:.007em;font-family:"SF Pro Display",var(--icloud-font)}.icloud-signin-sub{margin:0 auto 16px;max-width:var(--icloud-content-w);color:var(--icloud-muted);font-size:14px;line-height:1.4285914286;letter-spacing:-.016em}.icloud-signin-sub strong{color:var(--icloud-ink);font-weight:600}.icloud-signin-form{width:100%;max-width:var(--icloud-content-w);display:flex;flex-direction:column;gap:0;text-align:left;min-height:var(--icloud-widget-min-h);box-sizing:border-box}.icloud-field{display:grid;width:100%}.icloud-stack-field{--icloud-red: #e30000;--icloud-red-bg: #fff2f2;--icloud-red-line: #e30000;width:100%;box-sizing:border-box;border:1px solid var(--icloud-line);border-radius:12px;background:#fffc;overflow:hidden;margin-bottom:8px;transition:border-color .15s ease,background .15s ease}.icloud-stack-field.is-error{border-color:var(--icloud-red-line);background:var(--icloud-red-bg)}.icloud-stack-cell{position:relative;display:block;margin:0;padding:0;border-bottom:1px solid var(--icloud-line)}.icloud-stack-field.is-error .icloud-stack-cell{border-bottom-color:var(--icloud-red-line)}.icloud-stack-field .icloud-stack-cell:last-child{border-bottom:none}.icloud-stack-field.single .icloud-stack-cell{border-bottom:none}.icloud-flyout{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:17px;letter-spacing:-.022em;color:#86868b;pointer-events:none;transition:top .12s ease,font-size .12s ease,color .12s ease,transform .12s ease}.icloud-flyout.is-raised,.icloud-stack-cell:focus-within .icloud-flyout{top:8px;transform:none;font-size:12px;letter-spacing:-.01em;color:#6e6e73}.icloud-flyout.is-placeholder{color:#86868b}.icloud-stack-field.is-error .icloud-flyout{color:var(--icloud-red)}.icloud-stack-field.is-error .icloud-flyout.is-raised,.icloud-stack-field.is-error .icloud-stack-cell:focus-within .icloud-flyout{color:var(--icloud-red)}.icloud-stack-input{width:100%;box-sizing:border-box;height:56px;border:none;background:transparent;padding:22px 14px 6px;font-family:var(--icloud-font);font-size:17px;letter-spacing:-.022em;color:var(--icloud-ink);outline:none}.icloud-stack-field.is-error .icloud-stack-input{color:var(--icloud-ink)}.icloud-stack-input:focus{outline:none}.icloud-form-error{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;margin:2px 0 4px;color:#e30000;font-size:12px;line-height:1.35;text-align:left;width:100%}.icloud-error-icon{flex-shrink:0;margin-top:1px;color:#e30000}.icloud-form-error-text{flex:1 1 auto;min-width:12rem}.icloud-forgot{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:#06c;font-size:12px;text-decoration:none;white-space:nowrap}.icloud-forgot:hover{text-decoration:underline}.icloud-ext-arrow{margin-top:1px}.icloud-create-link{color:var(--icloud-blue);font-size:14px;line-height:1.4285914286;letter-spacing:-.016em;text-decoration:none;align-self:flex-start;margin-top:0}.icloud-create-link:hover{text-decoration:underline}.icloud-privacy{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;margin-top:32px;width:100%}.icloud-privacy-icon{margin-top:2px}.icloud-privacy p{margin:0;color:var(--icloud-muted);font-size:12px;line-height:1.333}.icloud-privacy a{color:var(--icloud-blue);text-decoration:none}.icloud-privacy a:hover{text-decoration:underline}.icloud-actions{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:10px;row-gap:20px;margin-top:32px;width:100%}.icloud-actions.single{flex-direction:column}.icloud-actions>.icloud-btn-wrap{flex:1 1 0;min-width:148px}.icloud-btn-wrap{display:flex;flex-direction:column;width:100%}.icloud-btn-continue,.icloud-btn-passkey{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;border:1px solid transparent;border-radius:var(--icloud-btn-radius);padding:9px 16px;font-family:var(--icloud-font);font-size:14px;line-height:1.4285914286;letter-spacing:-.016em;font-weight:400;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icloud-btn-continue{background:var(--icloud-continue);color:#fff;cursor:default;opacity:var(--icloud-btn-disabled-opacity);pointer-events:none}.icloud-btn-continue.active{opacity:1;pointer-events:auto;cursor:pointer}.icloud-btn-continue.active:hover{background:var(--icloud-continue-hover);border-color:transparent}.icloud-btn-continue.active:active{background:var(--icloud-continue-active)}.icloud-btn-passkey{background:var(--icloud-passkey);color:#fff;cursor:not-allowed;opacity:1}.icloud-btn-passkey:not(:disabled):hover{background:var(--icloud-passkey-hover)}.icloud-btn-passkey:not(:disabled):active{background:var(--icloud-passkey-active)}.icloud-passkey-icon{flex-shrink:0;width:15px;height:15px;display:block}.icloud-passkey-note{margin:12px 0 0;width:100%;text-align:center;color:var(--icloud-muted);font-size:12px;line-height:1.333}.icloud-btn-text{border:none;background:none;color:var(--icloud-blue);font:inherit;font-size:14px;cursor:pointer;padding:8px 0;text-align:center;width:100%}.icloud-btn-text:hover:not(:disabled){text-decoration:underline}.icloud-code-row{display:flex;justify-content:center;gap:5px;margin:8px 0 12px;min-height:80px;align-items:center}.icloud-code-digit{width:47px;height:56px;box-sizing:border-box;text-align:center;font-size:28px;font-weight:400;border:1px solid var(--icloud-line);border-radius:12px;background:#fff;color:var(--icloud-ink);outline:none;caret-color:var(--icloud-continue)}.icloud-code-digit:focus{border-color:var(--icloud-continue);box-shadow:0 0 0 4px #0071e34d}.icloud-code-row.is-error .icloud-code-digit{border-color:#e30000;background:#fff2f2;color:#1d1d1f}.icloud-code-row.is-error .icloud-code-digit:focus{border-color:#e30000;box-shadow:0 0 0 4px #e3000033}.icloud-signin-info{margin:8px 0 0;color:var(--icloud-muted);font-size:14px;text-align:center}@keyframes icloud-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.icloud-signin-card{width:100%;max-width:100%;margin:0;border-radius:0;padding:28px 40px 40px;min-height:auto;box-shadow:none}.icloud-signin-form{max-width:480px}.icloud-actions{flex-direction:column}.icloud-actions>button{min-width:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topbar{flex-wrap:wrap}.notes-page{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:stretch}.search{min-width:0;width:100%}}