.home{display:flex;flex-direction:column;gap:var(--gap-lg);padding-block:clamp(32px,6vw,72px) var(--gap-xl)}.hero{text-align:center;max-width:720px;margin-inline:auto}.hero__title{font-size:var(--fs-display);font-weight:700;line-height:1.08;letter-spacing:-.035em;white-space:pre-line;background:linear-gradient(170deg,#fff 20%,#c4d2f09e);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{margin-top:16px;color:var(--text-muted);font-size:clamp(.95rem,.9rem + .3vw,1.08rem)}.hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-sm);margin-top:var(--gap-md)}.uploader{padding:clamp(18px,3vw,30px)}.uploader__stage{display:flex;flex-direction:column;gap:var(--gap)}.uploader__notice{padding:14px 16px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:clamp(30px,6vw,58px) 20px;border-radius:var(--r-lg);background:radial-gradient(120% 120% at 50% 0%,rgba(56,232,255,.07),transparent 62%),var(--surface-sunken);cursor:pointer;transition:background .28s var(--ease),transform .28s var(--ease-out);overflow:hidden}.dropzone__ring{position:absolute;inset:0;border-radius:inherit;border:1.6px dashed rgba(255,255,255,.16);transition:border-color .28s var(--ease),box-shadow .28s var(--ease);pointer-events:none}.dropzone:hover .dropzone__ring,.dropzone:focus-visible .dropzone__ring{border-color:#38e8ff47}.dropzone.is-dragging{background:radial-gradient(120% 120% at 50% 0%,rgba(56,232,255,.16),transparent 66%),var(--surface-sunken);transform:scale(1.006)}.dropzone.is-dragging .dropzone__ring{border-color:var(--cyan);border-style:solid;box-shadow:inset 0 0 40px #38e8ff2e,0 0 30px -6px #38e8ff73}.dropzone__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent-grad-soft);border:1px solid var(--border);transition:transform .35s var(--ease-out)}.dropzone__icon svg{width:26px;height:26px;color:var(--cyan)}.dropzone.is-dragging .dropzone__icon{transform:translateY(-5px) scale(1.06)}.dropzone__title{font-size:var(--fs-h2);font-weight:650;letter-spacing:-.02em}.dropzone__hint{color:var(--text-dim);font-size:var(--fs-sm)}.dropzone__button{margin-top:8px;pointer-events:none}.filelist{display:flex;flex-direction:column;gap:12px}.filelist__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.filelist__title{font-size:var(--fs-h3);font-weight:650;letter-spacing:-.01em}.filelist__items{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding-right:2px}.filelist__items::-webkit-scrollbar{width:8px}.filelist__items::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#ffffff1f}.fileitem{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-sunken);transition:border-color .2s var(--ease),background .2s var(--ease)}.fileitem:hover{border-color:var(--border-strong);background:var(--surface-strong)}.fileitem__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--accent-grad-soft);border:1px solid var(--border)}.fileitem__icon svg{width:18px;height:18px;color:var(--cyan)}.fileitem__body{min-width:0;flex:1}.fileitem__name{display:block;font-size:var(--fs-sm);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileitem__meta{display:block;color:var(--text-dim);font-size:var(--fs-xs)}.iconbutton{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:var(--r-sm);color:var(--text-dim);transition:color .2s var(--ease),background .2s var(--ease)}.iconbutton svg{width:17px;height:17px}.iconbutton:hover{color:var(--danger);background:#ff6b811a}.filelist__summary{display:flex;justify-content:space-between;gap:var(--gap-sm);padding-top:4px;color:var(--text-muted);font-size:var(--fs-sm)}.uploading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(26px,5vw,46px) 12px;text-align:center}.uploading__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent-grad-soft);border:1px solid var(--border);animation:hover-pulse 2.1s var(--ease) infinite}.uploading__icon svg{width:25px;height:25px;color:var(--cyan)}@keyframes hover-pulse{0%,to{transform:translateY(0);box-shadow:0 0 #38e8ff38}50%{transform:translateY(-6px);box-shadow:0 14px 30px -12px #38e8ff99}}.uploading__stage{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-h3);font-weight:600}.uploading .progress{width:min(520px,100%)}.uploading__meta{display:flex;gap:var(--gap);color:var(--text-dim);font-size:var(--fs-sm)}.result{display:flex;flex-direction:column;gap:var(--gap-md)}.result__head{display:flex;align-items:center;gap:14px}.result__icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:#4ade9b24;border:1px solid rgba(74,222,155,.32);animation:pop-in .5s var(--ease-out)}.result__icon svg{width:22px;height:22px;color:var(--success)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.result__title{font-size:var(--fs-h2);font-weight:680;letter-spacing:-.02em}.result__subtitle{color:var(--text-muted);font-size:var(--fs-sm)}.result__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--gap-md);align-items:start}.result__label{display:block;margin-bottom:8px;color:var(--text-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em}.linkbox{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 14px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-sunken)}.linkbox__icon{display:grid;place-items:center;flex:none;color:var(--cyan)}.linkbox__icon svg{width:17px;height:17px}.linkbox__input{flex:1;min-width:0;padding:0;background:none;border:none;outline:none;font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis}.linkbox__copy{flex:none;min-height:38px;padding-inline:16px}.result__expiry{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--text-muted);font-size:var(--fs-sm)}.result__expiry svg{width:16px;height:16px;color:var(--warning)}.result__buttons{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin-top:var(--gap)}.qr{display:flex;flex-direction:column;align-items:center;gap:10px}.qr__frame{display:grid;place-items:center;padding:12px;border-radius:var(--r-lg);background:#fff;box-shadow:0 16px 34px -18px #000000e6}.qr__frame svg{width:138px;height:138px;display:block}.qr__caption{max-width:150px;text-align:center;color:var(--text-dim);font-size:var(--fs-xs)}.links__head{margin-bottom:var(--gap)}.links__title{font-size:var(--fs-h1);font-weight:680;letter-spacing:-.03em}.links__subtitle{margin-top:4px;color:var(--text-dim);font-size:var(--fs-sm)}.links__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.links__empty{padding:26px;border-radius:var(--r-lg);border:1px dashed var(--border-strong);color:var(--text-dim);text-align:center;font-size:var(--fs-sm)}.linkcard{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .24s var(--ease),box-shadow .24s var(--ease-out)}.linkcard:hover{border-color:var(--border-strong);box-shadow:0 14px 30px -18px #38e8ffa6}.linkcard__top{display:flex;align-items:center;gap:10px}.linkcard__icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:var(--accent-grad-soft);border:1px solid var(--border)}.linkcard__icon svg{width:16px;height:16px;color:var(--cyan)}.linkcard__id{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkcard__files{color:var(--text-muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding-top:4px;border-top:1px solid var(--border)}.linkcard__timer{display:inline-flex;align-items:center;gap:7px;color:var(--text-dim);font-size:var(--fs-xs)}.linkcard__timer svg{width:14px;height:14px;color:var(--warning)}.linkcard__actions{display:flex;gap:4px}@media(max-width:860px){.result__body{grid-template-columns:minmax(0,1fr)}.qr{order:-1}}@media(max-width:640px){.linkbox{flex-wrap:wrap;padding:10px;border-radius:var(--r-lg)}.linkbox__input{flex-basis:calc(100% - 34px)}.linkbox__copy{width:100%}.filelist__head{flex-direction:column;align-items:stretch}.dropzone__button{display:none}.uploader__actions{position:sticky;bottom:10px;z-index:5}.result__buttons .btn{flex:1}}