@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#08090b;--panel:#101215;--panel2:#15181c;--line:#25292e;--text:#f2f3f4;--muted:#8c929b;--silver:#d7dbe0;--accent:#b8c2cf;--danger:#d86b75;--radius:22px}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#20252d 0%,#0b0c0f 43%,#08090b 80%);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b8c2cf;outline-offset:3px}.ambient{position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none;z-index:0}.ambient-one{background:#b8c2cf;top:8%;left:-180px}.ambient-two{background:#71839b;bottom:0;right:-200px}#app{position:relative;z-index:1}.screen{min-height:100dvh}.hidden{display:none!important}.gate{width:min(100% - 36px,430px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 0 28px;text-align:center}.brand-mark{width:74px;height:74px;border:1px solid #6d747d;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:30px;box-shadow:0 0 35px #b8c2cf0d,inset 0 0 25px #b8c2cf0b;animation:mark-in .9s ease both}.brand-mark:before{content:"";position:absolute;width:83px;height:28px;border:1px solid #89929c;border-radius:50%;transform:rotate(-42deg);opacity:.6}.mark-core{font-family:Manrope,sans-serif;font-size:34px;font-weight:800;color:#e9edf1;letter-spacing:-5px;margin-left:-4px;text-shadow:0 0 22px #dce3ec33}.brand-mark i{position:absolute;width:6px;height:6px;background:#e3e7ec;border-radius:50%;top:13px;right:14px;box-shadow:0 0 12px #fff}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#9ca5b0;font-weight:700}.gate h1{font-family:Manrope,sans-serif;font-size:clamp(44px,12vw,64px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0 14px;font-weight:600}.gate h1 em{font-style:normal;color:#9da8b5}.muted{color:var(--muted);font-size:13px;line-height:1.7}.gate-copy{margin:0 0 34px}.unlock-form{width:100%;display:grid;gap:12px}.unlock-form input,.modal-panel input,.modal-panel textarea,.modal-panel select{width:100%;background:#111317;border:1px solid #2b3036;color:#f4f5f6;border-radius:13px;padding:16px 15px;outline:none;transition:border .2s,background .2s}.unlock-form input:focus,.modal-panel input:focus,.modal-panel textarea:focus,.modal-panel select:focus{border-color:#8793a1;background:#14171b}.unlock-form input::placeholder,.modal-panel input::placeholder,.modal-panel textarea::placeholder{color:#666e78}.password-wrap{position:relative}.password-wrap input{padding-right:52px}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8e98a5;padding:10px}.button{border:1px solid transparent;border-radius:13px;padding:14px 16px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,background .2s,border .2s}.button:active{transform:scale(.98)}.button-primary{background:linear-gradient(135deg,#e5e9ee,#aeb8c4);color:#111317;box-shadow:0 8px 24px #d0d8e00d}.button-primary:hover{background:#fff}.full{width:100%}.button-arrow{margin-left:auto;font-size:18px}.gate .button{margin-top:3px}.gate-foot{display:flex;align-items:center;gap:8px;margin-top:35px;color:#777f89;font-size:8px;letter-spacing:1.7px;font-weight:700}.status-dot{width:6px;height:6px;display:inline-block;background:#b6c4b8;border-radius:50%;box-shadow:0 0 10px #b6c4b866;flex-shrink:0}.foot-divider{color:#41464d}.tiny-note{font-size:10px;line-height:1.6;color:#656c75;max-width:310px;margin:17px 0 0}.error-message{color:#ff9ca5;font-size:12px;line-height:1.5;margin:0}.gate .error-message{margin-top:12px}.vault{width:min(100% - 32px,620px);margin:0 auto;padding:18px 0 34px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.mini-brand{display:flex;gap:9px;align-items:center;color:#e5e8ec;text-decoration:none;font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:3px}.mini-mark{width:28px;height:28px;border:1px solid #69727c;border-radius:50%;display:grid;place-items:center;font-size:15px;letter-spacing:-2px}.brand-period{color:#aeb9c6}.top-actions{display:flex;gap:8px}.icon-button{width:39px;height:39px;border-radius:13px;border:1px solid #292e34;background:#111317;color:#d6dce3;font-size:20px}.icon-button:hover{background:#1a1e23}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.welcome-row h2{font-family:Manrope,sans-serif;font-size:clamp(25px,6vw,34px);letter-spacing:-1.6px;margin:10px 0 7px}.welcome-row .muted{margin:0;max-width:330px;font-size:12px}.secure-badge{border:1px solid #2b3036;border-radius:12px;padding:10px 11px;display:flex;gap:7px;align-items:center;font-size:7px;letter-spacing:1.2px;line-height:1.6;color:#9aa3ad;flex-shrink:0}.secure-badge .status-dot{width:5px;height:5px}.search-box{height:49px;border:1px solid #272c32;background:#101215;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:18px}.search-box>span{font-size:25px;color:#8d98a4}.search-box input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:#e8ebef;font-size:12px}.search-box input::placeholder{color:#6f7781}.search-box kbd{font-size:9px;color:#727b86;border:1px solid #30363e;padding:4px 6px;border-radius:5px}.storage-card{padding:19px;border:1px solid #2a3037;border-radius:19px;background:linear-gradient(130deg,#181c21,#101215 75%);position:relative;overflow:hidden;margin-bottom:29px}.storage-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #c8d1dd13;border-radius:50%;right:-25px;top:-55px;box-shadow:0 0 0 16px #c8d1dd05,0 0 0 32px #c8d1dd03}.storage-top{display:flex;align-items:center;justify-content:space-between}.storage-top h3{font-size:17px;font-weight:600;margin:8px 0 17px}.storage-symbol{font-size:28px;color:#bfc8d3;margin-right:8px}.storage-track{height:4px;background:#30353c;border-radius:5px;overflow:hidden}.storage-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#788696,#e0e5eb);border-radius:5px;transition:width .4s}.storage-bottom{display:flex;justify-content:space-between;gap:10px;color:#737c87;font-size:9px;margin-top:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-heading h3{font-family:Manrope,sans-serif;font-size:16px;margin:0;letter-spacing:-.4px}.text-button{border:0;background:transparent;color:#aab4c0;font-size:10px;padding:8px 0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:30px}.collection-card{min-width:0;text-align:left;border:1px solid #252a30;background:#101215;border-radius:15px;padding:13px 11px 12px;color:#e7e9ec;display:grid;grid-template-columns:1fr auto;gap:9px 3px;transition:transform .2s,border .2s,background .2s}.collection-card:hover,.collection-card.active{border-color:#687381;background:#171b20;transform:translateY(-2px)}.collection-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:17px;grid-column:1/-1}.all-icon{background:#2a3038;color:#e1e6ec}.note-icon{background:#252b2b;color:#c4d5cd}.file-icon{background:#2b2930;color:#cfc6dd}.photo-icon{background:#2c2a25;color:#d8c8a8}.link-icon{background:#242b32;color:#b8d1e1}.text-icon{background:#30282b;color:#e0c0c4}.collection-name{font-size:10px;font-weight:600;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-count{font-size:9px;color:#777f89;align-self:center}.recent-heading{margin-bottom:12px}.items-list{display:grid;gap:8px}.item-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #252a30;background:#101215;border-radius:15px;text-align:left;color:var(--text);width:100%;min-width:0;transition:background .2s,border .2s}.item-row:hover{background:#171a1f;border-color:#3c434c}.item-icon{width:42px;height:42px;border-radius:12px;background:#20252b;display:grid;place-items:center;font-size:18px;color:#d4dbe3;flex-shrink:0}.item-info{min-width:0;flex:1}.item-info strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.item-info span{font-size:9px;color:#777f89;display:block;margin-top:5px}.item-trail{color:#777f89;font-size:17px}.empty-state{text-align:center;padding:28px 22px 38px;border:1px dashed #292e34;border-radius:18px}.empty-orbit{font-size:25px;color:#aeb9c6;margin-bottom:13px}.empty-state h3{font-family:Manrope,sans-serif;font-size:17px;margin:0 0 8px}.empty-state p{font-size:11px;line-height:1.7;color:#7e8791;max-width:260px;margin:0 auto 18px}.button-secondary{background:#15191e;border-color:#30363e;color:#dce1e7}.button-secondary:hover{background:#20252b}.add-fab{position:fixed;z-index:5;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #d8dfe7;background:linear-gradient(135deg,#e6ebf1,#aab6c4);color:#111317;border-radius:99px;padding:7px 17px 7px 8px;box-shadow:0 10px 35px #0008;font-size:11px;font-weight:700;white-space:nowrap}.add-fab span{display:grid;place-items:center;width:30px;height:30px;background:#111317;color:#e3e8ee;border-radius:50%;font-size:20px;font-weight:400}.vault-footer{margin:54px 0 0;padding:20px 0 12px;border-top:1px solid #20242a;display:flex;justify-content:space-between;color:#555e68;font-size:8px;letter-spacing:1.5px}.vault-footer span:last-child{font-weight:800;color:#858e98}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#030405c9;backdrop-filter:blur(9px)}.modal-panel{position:relative;width:min(100%,510px);max-height:min(88dvh,850px);overflow:auto;background:#101215;border:1px solid #30363e;border-radius:24px;padding:22px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 30px 100px #000b;animation:panel-in .25s ease both}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-head h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-1px;margin:8px 0 0}.close-button{width:34px;height:34px;border:1px solid #343a42;border-radius:11px;background:#171a1f;color:#d5dbe2;font-size:22px;line-height:1}.type-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px}.type-option{display:grid;justify-items:center;gap:7px;padding:12px 4px;border:1px solid #292e35;border-radius:12px;background:#14171b;color:#929ba6;font-size:10px}.type-option span{font-size:20px}.type-option.selected{border-color:#8b98a7;background:#20252b;color:#f0f3f6}.modal-panel form{display:grid;gap:9px}.modal-panel label{font-size:10px;color:#aeb6c0;margin-top:5px}.modal-panel input,.modal-panel textarea,.modal-panel select{font-size:12px;padding:13px}.modal-panel textarea{resize:vertical;min-height:110px;line-height:1.6}.modal-panel select{appearance:auto}.field-hint{font-size:10px;color:#7c8590;line-height:1.6}.modal-panel form .button{margin-top:10px}.view-content{font-size:13px;line-height:1.8;color:#cbd1d8;overflow-wrap:anywhere;white-space:pre-wrap;max-height:40vh;overflow:auto;padding:15px;border:1px solid #292e35;border-radius:13px;background:#0b0d10}.view-content a{color:#dce5ef}.view-content img{max-width:100%;border-radius:10px}.view-actions{display:flex;gap:9px;margin-top:14px}.view-actions .button{flex:1}.button-danger{background:#28191c;border-color:#4b2b30;color:#f1a3aa}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #292e35}.setting-row b{font-size:12px}.setting-row p{margin:6px 0 0;font-size:11px;overflow-wrap:anywhere}.setting-note{padding:16px;background:#171a1f;border:1px solid #2a3037;border-radius:13px;margin:16px 0}.setting-note b{font-size:11px}.setting-note p{font-size:11px;color:#929ba6;line-height:1.7;margin:8px 0 0}.setting-note+.button{margin-bottom:10px}.toast{position:fixed;z-index:50;bottom:95px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e3e8ee;color:#111317;padding:11px 16px;border-radius:99px;font-size:11px;font-weight:700;box-shadow:0 8px 35px #0008;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes mark-in{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:600px){.gate{padding-top:65px}.vault{padding-top:30px}.modal{align-items:center}.modal-panel{padding:27px 25px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.vault{width:calc(100% - 24px)}.collection-grid{gap:6px}.collection-card{padding:10px 8px}.collection-name{font-size:9px}.secure-badge{padding:8px}.welcome-row .muted{max-width:210px}.gate h1{letter-spacing:-2.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* BROKEN collection pages and cinematic homepage */
.mini-brand{letter-spacing:1.7px;font-size:12px}.mini-mark{font-size:12px;letter-spacing:-1px}
.home-feature{min-height:220px;position:relative;overflow:hidden;border:1px solid #2a3037;border-radius:22px;margin:4px 0 28px;background:linear-gradient(115deg,#151a20 0%,#0e1319 47%,#171a20 100%);display:flex;align-items:center;padding:24px 20px;isolation:isolate}
.home-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 20%,#b7c5d51c,transparent 48%),linear-gradient(0deg,#08090b44,transparent);z-index:-1}
.feature-copy{position:relative;z-index:2;max-width:66%}.feature-copy h3{font-family:Manrope,sans-serif;font-size:clamp(23px,6vw,32px);line-height:1.08;letter-spacing:-1.5px;margin:13px 0 10px}.feature-copy h3 em{font-style:normal;color:#aab7c6}.feature-copy p{font-size:10px;line-height:1.7;color:#a0a8b2;max-width:230px;margin:0}
.feature-art{position:absolute;right:-2px;bottom:0;width:49%;height:100%;overflow:hidden;z-index:1}.art-moon{position:absolute;right:28px;top:24px;width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#e1e7ee,#748292);box-shadow:0 0 45px #aab9ca2c}.art-ridge{position:absolute;bottom:-20px;right:-15px;width:115%;height:120px;clip-path:polygon(0 100%,0 63%,18% 35%,35% 56%,55% 15%,72% 48%,88% 27%,100% 52%,100% 100%)}.ridge-one{background:#29343e;bottom:8px;opacity:.7}.ridge-two{background:#1a252e;bottom:-10px;transform:translateX(-12px) scale(1.08)}.ridge-three{background:#0d1319;bottom:-28px;transform:translateX(5px) scale(1.1)}.art-star{position:absolute;color:#dce4ec}.star-one{right:110px;top:32px}.star-two{right:20px;top:105px;font-size:23px;color:#9caaba}
.collection-grid{margin-top:0}.collection-card{position:relative;overflow:hidden;padding:0 0 12px;display:grid;grid-template-columns:1fr auto;gap:0 4px;align-content:start;background:#111419}.collection-card .category-photo{height:83px;grid-column:1/-1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:10px;background:#252b32}.category-photo:before,.category-photo:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff20}.category-photo:before{width:90px;height:90px;right:-12px;top:-38px}.category-photo:after{width:60px;height:60px;left:-15px;bottom:-40px}.category-photo b{font-size:28px;color:#e2e7ed;position:relative;z-index:1;text-shadow:0 3px 15px #0009}.photo-all{background:linear-gradient(135deg,#35404b,#12171d)}.photo-notes{background:linear-gradient(135deg,#3d4944,#141a18)}.photo-docs{background:linear-gradient(135deg,#46414f,#17151d)}.photo-photos{background:linear-gradient(135deg,#625644,#1c1915)}.photo-links{background:linear-gradient(135deg,#354d5b,#11191f)}.photo-text{background:linear-gradient(135deg,#65444b,#1b1316)}.collection-card .collection-name{padding-left:11px;font-size:10px}.collection-card .collection-count{padding-right:11px}.collection-card small{grid-column:1/-1;padding:5px 11px 0;color:#737e89;font-size:8px;text-align:left}.collection-card.active{border-color:#687888}.section-heading .mini-caption{font-size:8px;letter-spacing:1.2px}
.category-page{margin-top:10px;animation:panel-in .3s ease both}.page-heading{padding:4px 0 20px}.back-button{border:1px solid #303740;background:#14181d;color:#d8dee5;border-radius:99px;padding:8px 12px;font-size:10px;margin-bottom:23px}.page-heading h2{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1.7px;margin:8px 0}.page-heading p{margin:0}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.page-item-count{font-size:11px;color:#9ba4ae}.page-upload{padding:12px 15px}.page-items{display:grid;gap:9px}.page-items .item-row{width:100%}.page-empty{margin-top:12px}.photo-folders{margin:10px 0 18px}.photo-folder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo-folder{border:1px solid #303740;background:#14181d;border-radius:13px;padding:12px;text-align:left;color:#e4e8ed;display:flex;gap:9px;align-items:center;font-size:10px;min-width:0}.photo-folder span:first-child{font-size:20px}.photo-folder small{display:block;color:#7e8791;font-size:9px;margin-top:4px}.photo-folder.active{border-color:#a3afbd;background:#20262d}.view-content .download-file{display:block;margin-top:10px}.home-feature.hidden{display:none!important}
@media(max-width:380px){.home-feature{padding:20px 14px;min-height:210px}.feature-copy{max-width:72%}.feature-art{width:45%;opacity:.8}.collection-card .category-photo{height:70px}.collection-card .collection-name{font-size:9px}.collection-card small{font-size:7px}}