@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:light;--bg-1: #fef7ef;--bg-2: #f5e8dd;--bg-3: #ecdfd4;--glow-1: rgba(255, 107, 53, .18);--glow-2: rgba(30, 155, 138, .18);--panel: rgba(255, 249, 242, .94);--panel-strong: rgba(255, 255, 255, .84);--surface: rgba(255, 255, 255, .78);--surface-soft: rgba(255, 247, 239, .76);--input: rgba(255, 255, 255, .92);--drawer-header-bg: rgba(255, 255, 255, .86);--ghost: rgba(24, 22, 19, .06);--ink: #181613;--muted: #665d55;--border: rgba(24, 22, 19, .12);--accent: #ff6b35;--accent-deep: #f05620;--accent-2: #1e9b8a;--pre-bg: #fff7ef;--pre-ink: #211a13;--image-bg: #ffffff;--shadow: 0 24px 80px rgba(31, 19, 6, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px}html[data-theme=dark]{color-scheme:dark;--bg-1: #0f1418;--bg-2: #111a1f;--bg-3: #182129;--glow-1: rgba(255, 107, 53, .22);--glow-2: rgba(30, 155, 138, .22);--panel: rgba(18, 23, 28, .95);--panel-strong: rgba(22, 28, 34, .95);--surface: rgba(24, 31, 38, .88);--surface-soft: rgba(20, 27, 33, .9);--input: rgba(15, 20, 25, .96);--drawer-header-bg: rgba(12, 17, 22, .88);--ghost: rgba(255, 255, 255, .08);--ink: #f4eee6;--muted: #b7aea3;--border: rgba(255, 255, 255, .1);--accent: #ff8857;--accent-deep: #ff6f39;--accent-2: #32baa8;--pre-bg: rgba(6, 10, 14, .96);--pre-ink: #f4eee6;--image-bg: #11161b;--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,202,58,.18),transparent 28%),radial-gradient(circle at bottom right,var(--glow-2),transparent 30%),linear-gradient(135deg,var(--bg-1) 0%,var(--bg-2) 45%,var(--bg-3) 100%);transition:background .22s ease,color .22s ease}button,input,textarea,select{font:inherit;border:0}button{cursor:pointer}img{display:block;max-width:100%}.shell{position:relative;min-height:100vh;overflow-x:clip;padding:34px 20px 56px}.shell__glow{position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(30px);opacity:.6}.shell__glow--one{top:8%;right:-90px;width:260px;height:260px;background:var(--glow-1)}.shell__glow--two{bottom:10%;left:-70px;width:220px;height:220px;background:var(--glow-2)}.landing,.space-view,.booting{position:relative;z-index:1;width:min(1240px,100%);margin:0 auto}.shell__topline{position:relative;z-index:2;width:min(1240px,100%);margin:0 auto 24px;display:flex;justify-content:flex-end}.utility-bar{display:inline-flex;gap:12px;align-items:center}.utility-toggle{align-self:center}.utility-toggle--icon,.picker__trigger--icon{width:54px;min-width:54px;height:54px;padding:0;display:inline-grid;place-items:center;line-height:0}.picker{position:relative}.picker__trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:18px;padding:0 16px;border:1px solid var(--border);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease}.picker__trigger--field{width:100%;justify-content:space-between;background:var(--input);box-shadow:none}.picker__icon{display:inline-grid;place-items:center;width:22px;height:22px;line-height:1}.picker__text{font-weight:700}.picker__chevron{color:var(--muted);font-size:.88rem}.picker__menu{position:absolute;top:calc(100% + 10px);z-index:8;min-width:200px;padding:8px;border-radius:18px;background:var(--panel-strong);border:1px solid var(--border);box-shadow:var(--shadow);transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);will-change:transform,opacity;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s}.picker__menu--left{left:0}.picker__menu--right{right:0}.picker__menu[data-state=open]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.picker__option{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:transparent;color:var(--ink);font-weight:700;text-align:left;transition:transform .18s ease,background .18s ease,color .18s ease}.picker__option:hover,.picker__option--active{background:var(--ghost);transform:translate(2px)}.landing,.space-view,.landing__actions,.transfer-layout{display:grid;gap:24px}.landing__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.82fr);align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease}.hero,.card,.recent-panel,.space-header,.items-panel,.upload-panel,.booting__panel{padding:28px;animation:panel-in .36s cubic-bezier(.22,1,.36,1)}.hero h1,.space-header h1,.booting h1{font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(3rem,10vw,6rem);line-height:.92;margin:12px 0 18px;letter-spacing:-.05em}.hero__lead{max-width:720px;margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.hero__chips,.compose-panel__buttons,.item-card__actions,.space-header__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__chips{margin-top:26px}.hero__chips span,.item-pill,.card__badge,.muted,.eyebrow,.kicker{letter-spacing:.05em;text-transform:uppercase}.hero__chips span,.item-pill,.card__badge{background:var(--ghost);border-radius:999px;padding:10px 14px;font-size:.74rem;font-weight:700}.card{display:grid;gap:18px}.card__header,.section-header,.drawer__header{display:flex;justify-content:space-between;gap:16px}.card__header h2,.section-header h2,.drawer h2{margin:6px 0 0;font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(1.55rem,2vw,2rem);line-height:1}.space-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.space-header h1{font-size:clamp(2.4rem,6vw,4rem);margin-bottom:0}.space-header__actions{justify-content:flex-end;align-items:center}.card__badge{align-self:flex-start;background:#ff6b351f;color:var(--accent-deep)}.card__badge--accent{background:#1e9b8a21;color:var(--accent-2)}.eyebrow,.kicker,.muted{font-size:.74rem;font-weight:800;color:var(--muted)}.field{display:grid;gap:10px}.field span{font-size:.86rem;font-weight:700}.field input,.field textarea,.field select,.dropzone textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);padding:16px 18px;background:var(--input);color:var(--ink);outline:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}.field input:focus,.field textarea:focus,.field select:focus,.dropzone textarea:focus{border-color:#ff6b3573;transform:translateY(-1px)}.code-input{font-family:Space Grotesk,Manrope,sans-serif;font-size:1.6rem;letter-spacing:.28em;text-transform:uppercase}.button{border-radius:999px;padding:14px 20px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:progress;opacity:.6;transform:none}.button--primary{background:linear-gradient(135deg,var(--accent),#ff8744);color:#fff;box-shadow:0 14px 34px #ff6b353d}.button--dark{background:var(--ink);color:var(--bg-1);box-shadow:0 14px 34px #18161338}.button--ghost{background:var(--ghost);color:var(--ink)}.helper{margin:0;color:var(--muted);line-height:1.6}.recent-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.recent-card{display:grid;justify-items:start;gap:6px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:18px;text-align:left;color:var(--ink);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.recent-card:hover{transform:translateY(-4px)}.recent-card__title{font-family:Space Grotesk,sans-serif;font-size:1.45rem;line-height:1.05;letter-spacing:-.04em}.recent-card__code{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.items-panel,.upload-panel{display:grid;gap:20px}.dropzone{display:grid;gap:18px;padding:22px;border-radius:calc(var(--radius-xl) - 6px);background:linear-gradient(135deg,var(--surface),var(--surface-soft)),repeating-linear-gradient(135deg,transparent,transparent 8px,rgba(255,107,53,.04) 8px,rgba(255,107,53,.04) 16px);border:2px dashed rgba(255,107,53,.24);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.dropzone--active{border-color:#1e9b8a73;transform:translateY(-2px)}.dropzone__copy{display:grid;gap:6px}.dropzone__copy strong{font-family:Space Grotesk,sans-serif;font-size:1.4rem}.dropzone__copy span,.upload-panel__hint{color:var(--muted);line-height:1.55}.dropzone textarea{min-height:220px;resize:vertical}.items-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.item-card{display:grid;gap:16px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--surface-soft));transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;animation:panel-in .36s cubic-bezier(.22,1,.36,1)}.item-card:hover{transform:translateY(-4px)}.item-card--text{grid-column:span 2}.item-card__top,.item-card__meta{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.item-time,.item-card__meta{color:var(--muted);font-size:.9rem}.item-card h3{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(1.35rem,2vw,2.15rem);line-height:1.05;letter-spacing:-.04em;word-break:break-word}.item-card p{margin:0;color:var(--muted);word-break:break-word}.item-card pre{margin:0;padding:22px;max-height:460px;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:20px;background:var(--pre-bg);color:var(--pre-ink);font-size:clamp(1rem,2vw,1.16rem);line-height:1.6}.image-preview{overflow:hidden;border-radius:18px;background:var(--image-bg);min-height:240px}.image-preview img{width:100%;height:100%;object-fit:cover}.file-preview{display:grid;place-items:center;min-height:180px;border-radius:20px;background:radial-gradient(circle at top left,rgba(255,202,58,.18),transparent 48%),linear-gradient(135deg,#ff6b351a,#1e9b8a1f)}.file-preview strong{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3.4rem)}.empty-state{display:grid;gap:10px;padding:34px;justify-items:start;border-radius:var(--radius-lg);background:var(--surface)}.empty-state h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.8rem}.empty-state p{margin:0;color:var(--muted);max-width:640px}.booting{min-height:72vh;display:grid;place-items:center}.booting__panel{width:min(620px,100%)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;justify-content:flex-end;background:#1816135c;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;transition:opacity .22s ease,visibility 0s linear .22s}.drawer-backdrop[data-state=open]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,visibility 0s linear 0s}.drawer{--drawer-inline-padding: 28px;--drawer-top-padding: 28px;width:min(460px,100vw);min-height:100vh;padding:0 var(--drawer-inline-padding) 28px;border-radius:0;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);opacity:0;transform:translate3d(24px,0,0);backface-visibility:hidden;will-change:transform,opacity;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.drawer[data-state=open]{opacity:1;transform:translateZ(0)}.drawer[data-state=closed]{opacity:0;transform:translate3d(18px,0,0)}.drawer__header{position:sticky;top:14px;z-index:1;align-items:center;margin:14px calc(var(--drawer-inline-padding) * -.45) 20px;padding:18px 20px 20px;border-radius:24px;background:var(--drawer-header-bg);border:1px solid var(--border);box-shadow:0 14px 32px #1816131a;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.drawer__header .button{width:auto;flex:0 0 auto;align-self:center}.drawer__stack{display:grid;gap:18px}.detail-card{display:grid;gap:14px;padding:20px;border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid var(--border);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.detail-card strong{font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1;letter-spacing:-.04em;word-break:break-word}.detail-card--qr{justify-items:center}.detail-card--qr img,.qr-card__placeholder{width:min(100%,240px);aspect-ratio:1;border-radius:18px;background:var(--image-bg)}.detail-form{gap:16px}.device-list{display:grid;gap:10px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);pointer-events:none;transition:max-height .24s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .22s ease}.device-list--open{max-height:360px;opacity:1;transform:translateY(0);pointer-events:auto}.device-list--closed{max-height:0;opacity:0;transform:translateY(-6px)}.device-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.device-row strong{font-size:1rem;letter-spacing:0}.device-row span{color:var(--muted);font-size:.88rem}.toast-stack{position:fixed;top:18px;right:18px;z-index:7;display:grid;gap:10px;max-width:min(360px,calc(100vw - 28px))}.toast{padding:12px 16px;border-radius:999px;color:#fff;font-weight:700;box-shadow:0 16px 30px #1816132e;animation:toast-in .18s ease-out}.ui-icon,.flag-icon{width:20px;height:20px;display:block}.utility-toggle--icon .ui-icon,.picker__trigger--icon .flag-icon{margin:auto;transition:transform .26s ease,opacity .26s ease;transform-origin:center}.utility-toggle--theme .ui-icon{position:relative;left:-3px}.utility-toggle--icon:hover .ui-icon,.picker__trigger--icon:hover .flag-icon{transform:scale(1.08) rotate(10deg)}.picker__trigger:hover,.picker__trigger[aria-expanded=true]{transform:translateY(-2px);border-color:#ff6b354d}.toast--success{background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.toast--error{background:linear-gradient(135deg,#b33f1e,#e05b33)}.toast--info{background:linear-gradient(135deg,#1e9b8a,#167565)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.landing__actions,.transfer-layout{grid-template-columns:1fr}.space-header,.space-header__actions,.section-header,.card__header,.drawer__header{flex-direction:column;align-items:stretch}.item-card--text{grid-column:span 1}.drawer__header{flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:640px){.shell{padding:24px 14px 42px}.shell__topline{margin-bottom:18px}.utility-bar{gap:10px}.hero,.card,.recent-panel,.space-header,.items-panel,.upload-panel,.booting__panel{padding:20px;border-radius:22px}.drawer{--drawer-inline-padding: 20px;--drawer-top-padding: 20px;min-height:100dvh;max-height:100dvh;padding:0 var(--drawer-inline-padding) calc(32px + env(safe-area-inset-bottom));border-radius:22px;-webkit-overflow-scrolling:touch;scroll-padding-bottom:calc(32px + env(safe-area-inset-bottom))}.drawer__header{top:10px;flex-direction:row;justify-content:space-between;align-items:center;margin:10px calc(var(--drawer-inline-padding) * -.35) 18px;padding:16px 18px;border-radius:22px}.drawer__header>:first-child{flex:1 1 auto;min-width:0}.drawer__stack{padding-bottom:env(safe-area-inset-bottom)}.button,.field input,.field textarea,.field select,.dropzone textarea{width:100%}.compose-panel__buttons,.item-card__actions{flex-direction:column}.code-input{letter-spacing:.18em;font-size:1.35rem}.items-grid{grid-template-columns:1fr}.toast-stack{top:14px;right:14px;left:14px;max-width:none}.toast{border-radius:22px}}