:root{font:16px/1.55 system-ui,sans-serif;color:#27394f;background:#f4f5f9;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{background:#30455f;color:white;padding:20px max(24px,calc((100vw - 1060px)/2));display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{font-size:21px;font-weight:750;color:inherit;text-decoration:none}header span{color:#d9deeb;font-size:14px}header button{margin-left:auto}main{max-width:900px;margin:44px auto;padding:0 24px}section{background:white;border:1px solid #dce1ec;border-radius:16px;padding:32px}#login-panel{max-width:480px;margin:auto}h1{font-size:clamp(27px,5vw,37px);line-height:1.15;margin:8px 0 20px}h2{font-size:21px;margin-top:30px}p{color:#57677c}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.11em;color:#735995;font-weight:700}label{display:block;font-weight:600;margin:20px 0 8px}input,textarea,button,.button{font:inherit;min-height:46px;border:1px solid #bbc5d4;border-radius:8px;padding:11px 14px}input,textarea{width:100%;color:#23374d;background:#fcfdff}input:focus,textarea:focus,button:focus,a:focus{outline:3px solid #c6b3ef;outline-offset:2px}button,.button{cursor:pointer;background:#f4f3fa;color:#423365;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.primary{background:#7455ac;color:white;border-color:#7455ac;font-weight:650}form>.primary{margin-top:22px;width:100%}a{color:#614294}.secret-input{display:flex;gap:8px}.secret-input input{min-width:0}.actions,.heading{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.actions{justify-content:flex-start}.hint,small{font-size:13px;color:#65748b}.list{display:grid;gap:12px;margin:24px 0}.list a{border:1px solid #dce1ec;padding:16px;border-radius:10px;text-decoration:none}.list strong,.list span{display:block}.list span{font-size:14px;color:#68788b}#status{padding:12px 4px;min-height:48px}#status.error{color:#993e44}footer{text-align:center;font-size:13px;padding:24px;color:#6c7890}.back{font-size:14px}#revealed{background:#f4f1fa;padding:20px;border-radius:10px;margin-top:16px}#hide{margin-top:15px}@media(max-width:600px){main{margin:24px auto;padding:0 14px}section{padding:22px}header{padding:16px;gap:10px}header span{display:none}.actions button{width:100%}.heading .button{width:100%;text-align:center}}

select{font:inherit;min-height:46px;border:1px solid #bbc5d4;border-radius:8px;padding:11px 14px;width:100%;color:#23374d;background:#fcfdff}select:focus{outline:3px solid #c6b3ef;outline-offset:2px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:16px;margin:28px 0}.service-card{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #dce1ec;border-radius:14px;padding:24px 16px;text-decoration:none;color:#27394f;text-align:center;background:#fcfdff}.service-card:hover{border-color:#7455ac;background:#f7f4fc}.service-card img{width:52px;height:52px;object-fit:contain;margin-bottom:6px}.service-card span{color:#65748b;font-size:13px}.folder-title{display:flex;align-items:center;gap:16px;margin-top:20px}.folder-title h1{margin:8px 0}.folder-title img{object-fit:contain}#unlock-panel,#choose-panel{max-width:520px;margin:auto}@media(max-width:420px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{padding:20px 10px}}
#sharing{margin-top:24px}#sharing h2{margin-top:0}#share-invitation{background:#f4f1fa;border-radius:10px;padding:20px;margin-top:24px}#share-invitation button{margin-top:12px;margin-right:8px}.share-row{border:1px solid #dce1ec;padding:18px;border-radius:10px}.share-row p{margin:8px 0}.renew-days{font-size:13px;margin:0}.renew-days input{display:block;width:100px;margin-top:4px}.share-row .actions{align-items:flex-end}#share-prompt{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}#join-panel{max-width:640px;margin:auto}

.credential-row{display:flex;align-items:center;gap:12px}.credential-row>a:first-child{flex:1;min-width:0}.credential-row>.button{white-space:nowrap}#sharing{scroll-margin-top:20px;margin-top:24px}@media(max-width:480px){.credential-row{align-items:stretch;flex-direction:column}.credential-row>.button{text-align:center}}

dialog#sharing{position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #dce1ec;border-radius:16px;padding:24px;color:#27394f;background:#fff;box-shadow:0 20px 70px #182d4d33}dialog#sharing::backdrop{background:#17293f66}dialog#sharing h2{margin:0;font-size:23px}#share-close{font-size:26px;line-height:1;padding:4px 10px;background:none;border:none}.share-tabs{display:flex;gap:6px;margin-top:20px}.share-tabs button{background:none;border:0;min-height:40px;padding:8px 12px}.share-tabs button[aria-pressed=true]{background:#f0ebfa;color:#614294}.share-settings{margin-top:18px;font-size:14px;color:#65748b}.share-settings summary{cursor:pointer}#share-invitation{background:none;padding:0;margin-top:8px}#share-invitation button{margin-top:0}#share-copy-prompt{margin-top:16px!important;width:100%}#share-status{font-size:14px;margin:14px 0 0;min-height:0}#share-status:empty{display:none}#share-status.error{color:#993e44}.share-row{padding:12px}.share-row details{font-size:13px;color:#65748b}.share-row .actions{gap:8px;margin-top:12px}.share-row button{min-height:40px;padding:8px 12px}#share-list-panel{margin-top:16px}

body{min-height:100dvh}header{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:16px}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}header button{margin-left:0;padding:8px 12px;min-height:44px}header #request-count{display:inline;color:inherit;font-size:14px}.request-row{border:1px solid #dce1ec;padding:16px;border-radius:12px;overflow-wrap:anywhere}.request-row p{margin:8px 0}.request-row details{margin:12px 0;font-size:14px}.request-row summary,.notification-settings summary{cursor:pointer;min-height:44px;padding:10px 0}.request-row .actions{gap:8px}.notification-settings .actions{margin-top:8px}#requests-panel h1{margin-bottom:8px}#request-confirm{position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #dce1ec;border-radius:16px;padding:24px;color:#27394f;background:white;box-shadow:0 20px 70px #182d4d33}#request-confirm::backdrop{background:#17293f66}#request-confirm h2{margin:0}#request-confirm-summary{overflow-wrap:anywhere}#request-confirm-close{font-size:26px;line-height:1;background:none;border:none}footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}button,.button,input,select{min-height:44px}.share-row button,.share-tabs button{min-height:44px}
@media(max-width:600px){header{flex-wrap:nowrap;gap:8px}.brand{font-size:18px;white-space:nowrap}.header-actions{gap:6px}.header-actions button{padding:8px 10px;font-size:14px}main{margin:16px auto;padding:0 max(12px,env(safe-area-inset-left))}section{padding:20px 16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.service-card{padding:18px 8px;overflow-wrap:anywhere}.service-card img{width:44px;height:44px}.request-row .actions button{width:auto;flex:1}.notification-settings .actions button{width:100%}dialog#sharing,#request-confirm{padding:20px 16px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px)}.folder-title{gap:12px}.folder-title h1{overflow-wrap:anywhere}#folder-panel .heading .button,#services-panel .heading .button{width:auto;font-size:14px;padding:9px 12px}}

.otp-paste{display:none}@media(max-width:600px),(pointer:coarse){form>.otp-paste{display:block;width:100%;margin-top:18px;background:#7455ac;color:white;border-color:#7455ac;font-weight:650}form>.otp-paste:not([hidden])+.primary{margin-top:10px;background:#f4f3fa;color:#423365;border-color:#bbc5d4;font-weight:500}}

.home-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.attention-link{display:inline-flex;gap:10px;align-items:center}.count-badge{background:#eadff8;color:#503276;border-radius:20px;min-width:25px;padding:1px 7px;text-align:center;font-weight:700}.health-row{border:1px solid #dce1ec;border-radius:12px;padding:16px;overflow-wrap:anywhere}.health-row>strong{display:block}.health-state{display:block;color:#89541e;font-size:14px;margin-top:4px}.health-state.verified{color:#35664f}.health-row p{font-size:14px;margin:10px 0}.health-row .actions{gap:8px}.health-row .actions .button{padding:9px 12px;border:1px solid #bbc5d4}.health-row details{font-size:13px;color:#65748b;margin-top:12px}.health-row summary{cursor:pointer;min-height:44px;padding-top:10px}.notification-settings{margin-top:22px;border-top:1px solid #dce1ec;padding-top:8px}.notification-settings h2{margin-top:14px;font-size:18px}@media(max-width:600px){.home-tools>*{flex:1 1 100%;text-align:center;justify-content:center}.health-row .actions>*{flex:1;text-align:center;min-width:120px}.health-row .actions button{width:auto}}