:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:#050505}body{min-width:280px;margin:0}#root{min-height:100dvh}.add-button:not(:disabled){cursor:pointer;opacity:1;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}.add-button:not(:disabled):active{transform:scale(.9)}.add-button:focus-visible{outline-offset:5px;outline:2px solid #fff}.add-overlay{z-index:20;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#000000c2;justify-content:center;align-items:flex-end;animation:.22s both add-fade-in;display:flex;position:fixed;inset:0}.add-dialog{color:#f5f5f2;background:#191919;border:1px solid #303030;border-radius:26px;width:100%;max-width:460px;max-height:min(90dvh,760px);padding:26px;animation:.32s cubic-bezier(.2,.8,.2,1) both add-slide-in;overflow-y:auto;box-shadow:0 24px 80px #0009}.add-dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.add-eyebrow{color:#b9ed69;letter-spacing:2px;font-size:10px;font-weight:700}.add-dialog-header h2{letter-spacing:-.8px;margin:9px 0 0;font-size:25px;font-weight:680}.add-close{color:#ddd;cursor:pointer;background:#252525;border:1px solid #343434;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:25px;font-weight:300;display:grid}.add-kind-switch{background:#101010;border-radius:15px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:26px;padding:5px;display:grid}.add-kind{color:#999;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:44px;font-size:13px;font-weight:600;transition:background .18s,color .18s}.add-kind.active{color:#b9ed69;background:#30382b}.add-label{color:#b7b7b7;margin:0 0 9px;font-size:12px;font-weight:600;display:block}.add-input,.add-textarea{color:#f5f5f2;width:100%;font:inherit;background:#101010;border:1px solid #383838;border-radius:14px;outline:none;margin-bottom:22px;padding:15px 16px;font-size:15px;transition:border-color .18s;display:block}.add-input:focus,.add-textarea:focus{border-color:#b9ed69}.add-input::placeholder,.add-textarea::placeholder{color:#777}.add-textarea{resize:vertical;min-height:145px;line-height:1.5}.add-submit{color:#17200f;width:100%;min-height:54px;font:inherit;cursor:pointer;background:#b9ed69;border:0;border-radius:15px;place-items:center;margin-top:8px;font-size:15px;font-weight:700;transition:transform .18s,opacity .18s;display:grid}.add-submit:active:not(:disabled){transform:scale(.98)}.add-submit:disabled{opacity:.6;cursor:wait}.add-error{color:#ff9b9b;margin:0 0 14px;font-size:13px;line-height:1.5}.add-success{text-align:center}.add-success-symbol{color:#b9ed69;background:#303d28;border-radius:50%;place-items:center;width:66px;height:66px;margin:0 auto 22px;font-size:30px;display:grid}.add-success h3{margin:0 0 10px;font-size:20px}.add-success p{color:#aaa;margin:0 0 26px;font-size:13px;line-height:1.65}@keyframes add-fade-in{0%{opacity:0}to{opacity:1}}@keyframes add-slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=600px){.add-overlay{align-items:center}}@media (prefers-reduced-motion:reduce){.add-overlay,.add-dialog{animation:none}}.file-viewer-overlay{z-index:50;padding:12px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.file-viewer{color:#f5f5f2;background:#141414;border:1px solid #303030;border-radius:23px;flex-direction:column;width:100%;max-width:1000px;height:min(92dvh,900px);min-height:0;display:flex;overflow:hidden;box-shadow:0 24px 80px #000000a6}.file-viewer-header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.file-viewer-heading{min-width:0}.file-viewer-brand{color:#b9ed69;letter-spacing:2px;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.file-viewer-heading h2{color:#f5f5f2;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:650;line-height:1.4}.file-viewer-close{color:#f5f5f2;width:42px;height:42px;font:inherit;cursor:pointer;background:#252525;border:1px solid #353535;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:27px;display:grid}.file-viewer-close:active{transform:scale(.94)}.file-viewer-content{background:#080808;flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:auto}.file-viewer-image{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.file-viewer-pdf{background:#fff;border:0;width:100%;height:100%;min-height:250px;display:block}.file-viewer-video{object-fit:contain;background:#000;width:100%;max-height:100%;display:block}.file-viewer-audio-container{text-align:center;width:100%;max-width:420px;padding:28px 12px}.file-viewer-audio-symbol{color:#b9ed69;background:#303b2b;border-radius:25px;place-items:center;width:100px;height:100px;margin:0 auto 22px;font-size:50px;display:grid}.file-viewer-audio-container p{color:#e5e5e1;overflow-wrap:anywhere;margin:0 0 25px;font-size:15px}.file-viewer-audio{width:100%;display:block}.file-viewer-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:330px;padding:25px 10px;display:flex}.file-viewer-message-icon{color:#b9ed69;background:#252c23;border-radius:19px;place-items:center;width:64px;height:64px;font-size:34px;display:grid}.file-viewer-message h3{margin:0;font-size:17px;font-weight:650}.file-viewer-message p{color:#a3a3a3;margin:0;font-size:13px;line-height:1.7}.file-viewer-loader{border:2px solid #343434;border-top-color:#b9ed69;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite file-viewer-spin}.file-viewer-footer{border-top:1px solid #292929;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.file-viewer-footer span{color:#858585;font-size:11px}.file-viewer-done{color:#17200f;min-height:40px;font:inherit;cursor:pointer;background:#b9ed69;border:0;border-radius:12px;padding:0 20px;font-size:13px;font-weight:700}.file-viewer-done:active{transform:scale(.97)}.file-viewer-close:focus-visible,.file-viewer-done:focus-visible{outline-offset:3px;outline:2px solid #b9ed69}@keyframes file-viewer-spin{to{transform:rotate(360deg)}}@media (width<=480px){.file-viewer-overlay{padding-left:6px;padding-right:6px}.file-viewer{border-radius:17px;height:96dvh}.file-viewer-header{padding:16px}.file-viewer-content{padding:7px}.file-viewer-footer{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.file-viewer-loader{animation:none}}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{--bg:#050505;--surface:#191919;--text:#f5f5f2;--muted:#989898;--green:#b9ed69;background:var(--bg);min-height:100dvh;color:var(--text);position:relative;overflow:hidden}.launch-screen{z-index:2;background:#050505;place-items:center;display:grid;position:fixed;inset:0}.launch-center{flex-direction:column;align-items:center;display:flex}.launch-logo{color:#f5f5f2;letter-spacing:-.075em;align-items:flex-end;gap:5px;font-size:clamp(70px,12vw,112px);font-weight:730;line-height:1;display:flex}.launch-dot{background:var(--green);cursor:pointer;transform-origin:50%;border:0;border-radius:50%;width:.19em;height:.19em;margin-bottom:.12em;padding:0;transition:transform .18s;display:block}.launch-dot:hover{transform:scale(1.2)}.launch-dot:active{transform:scale(.85)}.launch-dot:focus-visible{outline-offset:6px;outline:2px solid #fff}.launch-dot:disabled{cursor:default}.launch-hint{color:#777e77;letter-spacing:.03em;height:20px;margin-top:28px;font-size:12px}.launch-orb{z-index:3;background:var(--green);pointer-events:none;transform-origin:50%;will-change:transform;border-radius:50%;position:fixed}.orb-ready{transition:none}.orb-expanded{transition:transform .95s cubic-bezier(.65,0,.25,1)}.home{z-index:4;background:var(--bg);opacity:0;pointer-events:none;min-height:100dvh;transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1);position:relative;transform:scale(1.025)}.home-visible{opacity:1;pointer-events:auto;transform:scale(1)}.home-inner{max-width:760px;margin:0 auto;padding:34px 20px 130px}.home-header{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.home-logo{letter-spacing:-.075em;margin:0;font-size:35px;font-weight:730;line-height:1}.home-logo span{color:var(--green)}.replay-button{background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border:1px solid #292929;border-radius:50%;place-items:center;font-size:25px;transition:background .18s,transform .18s;display:grid}.replay-button:hover{background:#252525}.replay-button:active{transform:scale(.9)}.search-field{background:var(--surface);height:56px;color:var(--muted);border:1px solid #242424;border-radius:17px;align-items:center;gap:12px;padding:0 18px;transition:border-color .2s;display:flex}.search-field:focus-within{border-color:#78995b}.search-field svg{flex-shrink:0}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.search-field input::placeholder{color:var(--muted)}.library{margin-top:40px}.library-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.library-heading h2{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:650}.library-heading span{color:var(--muted);font-size:12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.card-column{flex-direction:column;gap:12px;min-width:0;display:flex}.material-card{background:var(--surface);border:1px solid #292929;border-radius:20px;min-width:0;transition:border-color .2s,transform .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}.material-preview{background:#282c29;place-items:center;display:grid;overflow:hidden}.preview-symbol{font-size:clamp(42px,9vw,66px);font-weight:300;line-height:1;transition:transform .26s}.card-architecture .material-preview{color:#d5dfd5;background:#354039;height:190px}.card-music .material-preview{color:#e3c3a2;background:#403a33;height:135px}.card-note .material-preview{color:#b9ed69;background:#252b26;height:105px}.card-travel .material-preview{color:#c1dfe0;background:#30454b;height:205px}.material-info{padding:16px 14px 18px}.material-type{color:#a5c88a;letter-spacing:1.1px;font-size:10px;font-weight:700}.material-info h3{letter-spacing:-.3px;overflow-wrap:anywhere;margin:9px 0 7px;font-size:16px;font-weight:630;line-height:1.35}.material-info p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.empty-result{text-align:center;color:var(--muted);padding:65px 0}.empty-result span{font-size:38px}.empty-result p{color:var(--text);font-size:15px;font-weight:600}.empty-result small{font-size:12px}.add-button{right:max(22px,50vw - 358px);bottom:max(26px, env(safe-area-inset-bottom));background:var(--green);color:#17200f;border:0;border-radius:50%;width:60px;height:60px;font-size:34px;font-weight:300;position:fixed;box-shadow:0 8px 30px #0006}.add-button:disabled{opacity:.75;cursor:not-allowed}@media (width>=600px){.home-inner{padding-top:48px}.card-grid,.card-column{gap:18px}.card-architecture .material-preview{height:245px}.card-music .material-preview{height:180px}.card-note .material-preview{height:145px}.card-travel .material-preview{height:255px}}@media (width<=360px){.home-inner{padding-left:14px;padding-right:14px}.card-grid,.card-column{gap:9px}.material-info{padding:13px 11px 16px}.material-info h3{font-size:14px}.card-architecture .material-preview{height:155px}.card-music .material-preview{height:115px}.card-note .material-preview{height:90px}.card-travel .material-preview{height:165px}}@media (hover:hover){.material-card:hover{border-color:#474f43;transform:translateY(-2px)}.material-card:hover .preview-symbol{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}