:root{--color-primary:#3490dc;--color-secondary:#6574cd;--color-success:#38c172;--color-danger:#e3342f;--color-warning:#f6993f;--color-info:#6cb2eb;--color-light:#f8f9fa;--color-dark:#343a40;--color-white:#fff;--color-black:#000;--color-gray-100:#f7fafc;--color-gray-200:#edf2f7;--color-gray-300:#e2e8f0;--color-gray-400:#cbd5e0;--color-gray-500:#a0aec0;--color-gray-600:#718096;--color-gray-700:#4a5568;--color-gray-800:#2d3748;--color-gray-900:#1a202c;--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-headings:var(--font-family-base);--line-height-base:1.5;--spacing-unit:0.25rem;--spacing-1:calc(var(--spacing-unit)*1);--spacing-2:calc(var(--spacing-unit)*2);--spacing-3:calc(var(--spacing-unit)*3);--spacing-4:calc(var(--spacing-unit)*4);--spacing-6:calc(var(--spacing-unit)*6);--spacing-8:calc(var(--spacing-unit)*8);--spacing-12:calc(var(--spacing-unit)*12);--spacing-16:calc(var(--spacing-unit)*16);--border-radius-sm:0.125rem;--border-radius:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-width:1px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-white);color:#1a202c;color:var(--color-gray-900);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-base);text-rendering:optimizeSpeed}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}ol,ul{list-style:none}#root{isolation:isolate}.app-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-4);width:100%}.main-content{flex:1 1;padding:2rem 0;padding:var(--spacing-8) 0;width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{--color-light:#1a202c;--color-dark:#f8f9fa;color-scheme:dark}body{background-color:#1a202c;background-color:var(--color-gray-900);color:#edf2f7;color:var(--color-gray-200)}}@media (min-width:640px){.app-container{padding:0 1.5rem;padding:0 var(--spacing-6)}}@media (min-width:768px){.app-container{padding:0 2rem;padding:0 var(--spacing-8)}}@media (min-width:1024px){.app-container{padding:0 3rem;padding:0 var(--spacing-12)}}.sr-only,.visually-hidden:not(:focus):not(:active){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.grid{grid-gap:1rem;grid-gap:var(--spacing-4)}.auto-grid,.grid{display:grid;gap:1rem;gap:var(--spacing-4)}.auto-grid{grid-gap:1rem;grid-gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.flow>*+*{-webkit-margin-before:1rem;-webkit-margin-before:var(--spacing-4);margin-block-start:1rem;margin-block-start:var(--spacing-4)}:focus-visible{outline:2px solid #3490dc;outline:2px solid var(--color-primary)}:root{--color-bg-primary:#0d0d1a;--color-bg-secondary:#12102a;--color-bg-tertiary:#1c1a3a;--color-bg-input:#1c1a3ad1;--color-surface:#1c1a3ac2;--color-surface-strong:#12102aeb;--color-primary:#7b5ea7;--color-primary-hover:#956fcb;--color-secondary:#c084fc;--color-accent:#e040fb;--color-text-primary:#f0ecf8;--color-text-secondary:#a89bc2;--color-text-tertiary:#8b81a7;--color-text-placeholder:#80749e;--color-text-accent:#d9c8ff;--color-text-youtube:#f87171;--color-text-link:#c084fc;--color-text-note:#4ade80;--color-border:#2e2b50;--color-border-hover:#7b5ea7;--color-success:#4ade80;--color-error:#f87171;--color-warning:#fbbf24;--gradient-app:radial-gradient(circle at top,#7b5ea747,#0000 38%),radial-gradient(circle at 80% 10%,#e040fb24,#0000 24%),linear-gradient(180deg,#0d0d1a,#12102a 50%,#0a0a14);--gradient-button:linear-gradient(135deg,#7b5ea7,#e040fb);--gradient-button-hover:linear-gradient(135deg,#8a6abb,#ec66ff);--shadow-sm:0 10px 24px #09081638;--shadow:0 18px 38px #06061057,0 0 20px #c084fc24;--shadow-md:0 24px 44px #05050e66,0 0 24px #c084fc2e;--shadow-lg:0 30px 55px #04040a85,0 0 30px #c084fc40;--shadow-glow:0 0 20px #c084fc40;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.25rem;--border-radius-full:9999px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--motion-fast:160ms;--motion-base:240ms;--motion-slow:360ms;--blur-surface:blur(18px)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-app);background-attachment:fixed;box-sizing:border-box;color:var(--color-text-primary);font-family:Segoe UI,Inter,SF Pro Display,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}*,:after,:before{box-sizing:inherit}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}a{color:var(--color-text-link);text-decoration:none;transition:color var(--motion-base) ease,text-shadow var(--motion-base) ease}a:hover{color:var(--color-text-primary);text-shadow:0 0 14px #c084fc40}button,input,select,textarea{font-family:inherit;font-size:var(--font-size-base)}button:active{transform:scale(.98)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);margin-top:0}img{height:auto;max-width:100%}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}::placeholder{color:var(--color-text-placeholder);opacity:1}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0a18e6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border:2px solid #0a0a18e6;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-secondary),var(--color-accent))}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.empty-state{align-items:center;animation:fade-slide-up var(--motion-slow) ease both;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16) 0;text-align:center}.empty-state img{margin-bottom:var(--spacing-4)}.empty-state-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.empty-state-subtext{color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}button:active{transform:none}}.app{min-height:100vh}.app,.app-shell{position:relative}.mystic-sky{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.mystic-orb,.mystic-star{border-radius:var(--border-radius-full);opacity:.7;position:absolute}.mystic-orb{filter:blur(18px)}.orb-a{background:#7b5ea733;height:18rem;left:-4rem;top:-4rem;width:18rem}.orb-b{background:#e040fb24;height:14rem;right:-3rem;top:20%;width:14rem}.orb-c{background:#c084fc24;bottom:12%;height:10rem;left:18%;width:10rem}.mystic-star{background:#f0ecf8cc;box-shadow:0 0 16px #c084fc8c;height:.3rem;width:.3rem}.star-a{left:14%;top:18%}.star-b{right:18%;top:35%}.star-c{bottom:20%;right:28%}.star-d{bottom:12%;left:30%}.header{-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);background:#0d0d1ab8;border-bottom:1px solid #2e2b50e6;padding:var(--spacing-4);position:relative;z-index:10}.header .container{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.header-content{background:radial-gradient(circle at top,#c084fc1a,#0000 58%),#12102a94;border:1px solid #7b5ea729;border-radius:var(--border-radius-xl);box-shadow:inset 0 1px 0 #f0ecf808;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4)}.header-content,.logo{align-items:center;display:flex}.logo{min-width:0}.logo-icon{align-items:center;background-color:var(--color-primary);border-radius:var(--border-radius-full);display:flex;height:2.5rem;justify-content:center;margin-right:var(--spacing-3);width:2.5rem}.logo-image{border-radius:50%;height:40px;width:40px}.logo-text{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.03em;margin:0}.header-actions{min-width:0}.header-actions,.user-info{align-items:center;display:flex;justify-content:flex-end}.user-info{flex-wrap:wrap;gap:var(--spacing-2)}.user-greeting{color:var(--color-text-secondary);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout,.header-auth-btn,.user-name-btn{min-height:2.5rem}.main-content{padding:var(--spacing-6) 0 var(--spacing-10);position:relative}.header-tools{grid-gap:var(--spacing-3);align-items:stretch;display:grid;gap:var(--spacing-3);grid-template-columns:minmax(0,1fr) auto}.search-bar{margin:0;position:relative}.search-input{background-color:#1c1a3abd;border:1px solid #2e2b50e6;border-radius:var(--border-radius-md);box-shadow:inset 0 1px 0 #ffffff0a;color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-10);width:100%}.search-icon{color:var(--color-text-tertiary);left:var(--spacing-3);position:absolute;top:50%;transform:translateY(-50%)}.filter-bar{background:radial-gradient(circle at top left,#c084fc1f,#0000 42%),#12102aad;border:1px solid #7b5ea738;border-radius:var(--border-radius-xl);box-shadow:inset 0 1px 0 #f0ecf80a,0 10px 24px #05050e24;display:flex;margin:0;min-width:13.5rem;padding:var(--spacing-2)}.filter-bar,.filter-chip{align-items:center;gap:var(--spacing-2)}.filter-chip{color:var(--color-text-secondary);display:inline-flex;padding:0 var(--spacing-2);white-space:nowrap}.filter-button{color:var(--color-text-tertiary);flex-shrink:0}.filter-label{font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase}.filter-select-wrap{flex:1 1;min-width:0;position:relative}.filter-select{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#221f48f5,#151330f5);border:1px solid #5b4d8d94;border-radius:calc(var(--border-radius-lg) - 2px);box-shadow:inset 0 1px 0 #f0ecf80d,0 0 0 #c084fc00;color:var(--color-text-primary);color-scheme:dark;cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2;min-width:120px;padding:.78rem 2.75rem .78rem 1rem;transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,transform var(--motion-fast) ease,background-color var(--motion-base) ease;width:100%}.filter-select:focus-visible,.filter-select:hover{border-color:#c084fc94;box-shadow:0 0 0 3px #c084fc24,0 0 18px #c084fc29;transform:translateY(-1px)}.filter-chevron{align-items:center;background:#c084fc14;border-radius:var(--border-radius-full);color:var(--color-secondary);display:inline-flex;height:1.75rem;justify-content:center;pointer-events:none;position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:1.75rem}.filter-select option{background:#151330;color:var(--color-text-primary)}.filter-select optgroup{background:#151330;color:var(--color-text-secondary)}.toolbar-row{align-items:center;display:flex;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-5)}.toolbar-add-btn{min-width:11rem}.entry-count-pill{background:#1c1a3aad;border:1px solid #7b5ea74d;border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);color:var(--color-text-secondary)}.btn,.entry-count-pill{padding:var(--spacing-2) var(--spacing-4)}.btn{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;transition:background-color var(--motion-base) ease,border-color var(--motion-base) ease,opacity var(--motion-base) ease,box-shadow var(--motion-base) ease,transform var(--motion-fast) ease}.btn-primary{background:var(--gradient-button);border:none;box-shadow:var(--shadow-glow);color:#fff}.btn-primary:hover{background:var(--gradient-button-hover);box-shadow:0 0 28px #e040fb47}.btn-primary:disabled{cursor:not-allowed;opacity:.65}.btn-secondary{background-color:#1c1a3ac7;border:1px solid #7b5ea738;color:var(--color-text-primary)}.btn-secondary:hover{background-color:#282450eb;box-shadow:var(--shadow-glow)}.btn-danger{background:linear-gradient(135deg,#f87171e6,#e040fbe0);border:1px solid #f8717161;box-shadow:0 0 18px #f8717133;color:#fff5f7}.btn-danger:hover{box-shadow:0 0 24px #f8717147}.btn-icon{margin-right:var(--spacing-2)}.modal-backdrop{align-items:center;background-color:#040210c2;display:flex;inset:0;justify-content:center;min-height:100dvh;padding:var(--spacing-4);position:fixed;z-index:50}.modal{animation:modal-pop var(--motion-slow) ease both;-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);background:radial-gradient(circle at top,#c084fc1f,#0000 35%),var(--color-surface);border:1px solid #2e2b50e6;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100vh - 3rem);max-width:780px;overflow-y:auto;padding:var(--spacing-6);position:relative;width:100%}.entry-form-modal{max-width:860px}.cropper-modal{max-width:760px}.profile-name-modal{max-width:460px}.confirm-dialog{max-width:520px}.login-modal{max-width:420px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:2rem;line-height:1}.confirm-dialog-message{color:var(--color-text-secondary);line-height:1.6;margin:0}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-control{background-color:var(--color-bg-input);border:1px solid #2e2b50e6;border-radius:var(--border-radius);color:var(--color-text-primary);padding:var(--spacing-3);transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease;width:100%}.form-control:focus{border-color:#c084fc;box-shadow:0 0 0 3px #c084fc3d;outline:none}textarea.form-control{min-height:120px;resize:vertical}.type-selector{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--spacing-4)}.type-option{align-items:center;background-color:#1c1a3ac7;border:1px solid #2e2b50e6;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-3);transition:background-color var(--motion-base) ease,border-color var(--motion-base) ease,transform var(--motion-fast) ease,box-shadow var(--motion-base) ease}.type-option:hover{transform:translateY(-1px)}.type-option.active{background-color:#c084fc24;border-color:#c084fc;box-shadow:0 0 0 1px #c084fc33,0 0 18px #c084fc29}.type-option.active.note{color:var(--color-text-note)}.type-option.active.link{color:var(--color-text-link)}.type-option.active.image{color:var(--color-warning)}.type-option.active.youtube{color:var(--color-error)}.type-option-icon{margin-right:var(--spacing-2)}.form-actions{justify-content:flex-end;margin-top:var(--spacing-6)}.form-actions,.login-form{display:flex;gap:var(--spacing-3)}.login-form{flex-direction:column}.login-form-actions{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr))}.login-switch-row{display:flex;justify-content:center}.login-switch-btn{background:none;border:none;color:var(--color-secondary);cursor:pointer;font-size:.95rem;padding:var(--spacing-2);text-decoration:underline}.form-status-message{animation:status-flash var(--motion-base) ease;border:1px solid #0000;border-radius:var(--border-radius);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.form-status-message.error{background:#f871711f;border-color:#f871714d;color:#ffd5df}.upload-zone{background:linear-gradient(180deg,#c084fc14,#1a0a3aa6);border:2px dashed #c084fc;border-radius:var(--border-radius-lg);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-8);text-align:center;transition:border-style var(--motion-base) ease,box-shadow var(--motion-base) ease,background-color var(--motion-base) ease,transform var(--motion-fast) ease}.upload-zone.is-drag-active,.upload-zone:focus-visible,.upload-zone:hover{background:linear-gradient(180deg,#c084fc24,#1a0a3ac7);border-style:solid;box-shadow:0 0 0 1px #c084fc52,0 0 25px #c084fc3d;outline:none;transform:translateY(-1px)}.upload-zone strong{display:block;font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.upload-zone span{color:var(--color-text-secondary);display:block}.upload-zone-icon{color:#c084fc;margin-bottom:var(--spacing-3)}.upload-error{animation:status-flash var(--motion-base) ease;background-color:#f8717124;border:1px solid #f8717157;border-radius:var(--border-radius);color:#ffd5df;margin-top:var(--spacing-3);padding:var(--spacing-3)}.upload-preview-grid{grid-gap:var(--spacing-4);align-items:start;display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--spacing-4)}.upload-preview-card{animation:image-fade-in var(--motion-slow) ease both;background:radial-gradient(circle at top,#c084fc1f,#0000 44%),#0d081eb8;border:1px solid #c084fc2e;border-radius:var(--border-radius-lg);box-shadow:0 20px 36px #05050e38;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.upload-preview-card.is-loading{min-height:280px}.upload-preview-image{background:linear-gradient(180deg,#12102af5,#0a0a19e0);border:1px solid #c084fc38;border-radius:var(--border-radius-md);box-shadow:inset 0 1px 0 #f0ecf80d,0 0 22px #c084fc24;max-height:340px;min-height:240px;object-fit:contain;padding:var(--spacing-3);width:100%}.lazy-image-skeleton,.skeleton-image,.skeleton-line,.upload-preview-skeleton,.upload-preview-skeleton-line{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#7b5ea72e 20%,#ffffff1f 50%,#7b5ea72e 80%);background-size:200% 100%}.skeleton-line,.upload-preview-skeleton-line{border-radius:999px;height:.85rem}.skeleton-line.short,.upload-preview-skeleton-line.short{width:60%}.upload-preview-meta{display:flex;flex-direction:column;gap:var(--spacing-2)}.upload-preview-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);word-break:break-word}.upload-preview-actions{display:flex;gap:var(--spacing-2)}.preview-action{background:#c084fc14;border:1px solid #c084fc59;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-3)}.preview-action-danger{border-color:#f8717166;color:#ffcad5}.preview-alt-label{display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-2)}.cropper-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.cropper-preset{background-color:#1c1a3ad1;border:1px solid #2e2b50e6;border-radius:var(--border-radius-full);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-3)}.cropper-preset.is-active{border-color:#c084fc;box-shadow:0 0 16px #c084fc38}.cropper-viewport{background:linear-gradient(45deg,#ffffff0a 25%,#0000 0),linear-gradient(-45deg,#ffffff0a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff0a 0),linear-gradient(-45deg,#0000 75%,#ffffff0a 0),#0b0718e0;background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:var(--border-radius-lg);cursor:grab;margin:0 auto var(--spacing-4);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:min(100%,620px)}.cropper-viewport:active{cursor:grabbing}.cropper-image{object-fit:cover;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.cropper-frame{border:1px solid #fff9;box-shadow:inset 0 0 0 999px #05040c47;inset:0;position:absolute}.cropper-zoom-label{display:block;margin-bottom:var(--spacing-2)}.entries-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.page-transition{animation:page-fade var(--motion-base) ease both}.entry-card{-webkit-backdrop-filter:var(--blur-surface);backdrop-filter:var(--blur-surface);background:radial-gradient(circle at top right,#c084fc14,#0000 28%),var(--color-surface);border:1px solid #2e2b50e6;border-radius:var(--border-radius-md);padding:var(--spacing-4);transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}.entry-card:hover{border-color:#c084fc42;box-shadow:var(--shadow-md);transform:translateY(-5px)}.stagger-in{animation:fade-slide-up var(--motion-slow) ease both;opacity:0}.entry-card-skeleton{animation:fade-slide-up var(--motion-base) ease both;min-height:17rem}.skeleton-line{margin-bottom:var(--spacing-3)}.skeleton-line.wide{width:90%}.skeleton-line.medium{width:62%}.skeleton-line.short{width:40%}.skeleton-image{border-radius:var(--border-radius);height:11rem}.entry-header,.skeleton-image{margin-bottom:var(--spacing-3)}.entry-header{align-items:flex-start;display:flex;gap:var(--spacing-3);justify-content:space-between}.entry-type-container{min-width:0}.entry-type{align-items:center;display:flex;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.entry-type.note{color:var(--color-text-note)}.entry-type.link{color:var(--color-text-link)}.entry-type.image{color:var(--color-warning)}.entry-type.youtube{color:var(--color-error)}.entry-type-icon{margin-right:var(--spacing-2)}.entry-actions{display:flex;gap:var(--spacing-2)}.entry-action-btn{background:#0000;border:none;border-radius:var(--border-radius-full);color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-2);transition:color var(--motion-base) ease,box-shadow var(--motion-base) ease}.entry-action-btn:hover{box-shadow:var(--shadow-glow);color:var(--color-text-primary)}.entry-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.entry-content{color:var(--color-text-secondary);margin-bottom:var(--spacing-3);white-space:pre-wrap}.entry-link{color:var(--color-text-link);word-break:break-all}.entry-image-preview{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-3);margin-top:var(--spacing-4)}.entry-image{background-color:#12102acc;border:1px solid #c084fc38;border-radius:var(--border-radius);box-shadow:0 0 16px #c084fc33;max-height:420px;object-fit:contain;padding:var(--spacing-3);width:100%}.youtube-preview{margin-top:var(--spacing-4)}.youtube-player{margin-bottom:var(--spacing-3);padding-top:56.25%;position:relative;width:100%}.youtube-player iframe{border-radius:var(--border-radius);height:100%;inset:0;position:absolute;width:100%}.entry-youtube-thumbnail{align-items:center;background-color:#12102ae0;border-radius:var(--border-radius);display:flex;height:200px;justify-content:center;margin-bottom:var(--spacing-3);width:100%}.entry-gallery{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-4)}.entry-gallery-item{background:radial-gradient(circle at top,#c084fc14,#0000 46%),#0a0a23b8;border:1px solid #c084fc38;border-radius:var(--border-radius-lg);box-shadow:0 18px 30px #05050e33,0 0 18px #c084fc1a;padding:var(--spacing-4);position:relative}.lazy-image-shell{background:#0000;border:none;cursor:pointer;display:block;padding:0;position:relative;text-align:left;width:100%}.lazy-image,.lazy-image-skeleton{aspect-ratio:16/10;border-radius:var(--border-radius-md);width:100%}.lazy-image{background-color:#ffffff08;object-fit:contain;opacity:0;transition:opacity var(--motion-base) ease}.lazy-image.is-loaded{opacity:1}.lazy-image-fallback{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);inset:0;justify-content:center;padding:var(--spacing-4);position:absolute;text-align:center}.entry-gallery-image{background:linear-gradient(180deg,#12102af5,#0a0a19eb);border:1px solid #c084fc38;box-shadow:inset 0 1px 0 #f0ecf80d,0 0 18px #c084fc2e;padding:var(--spacing-3)}.image-copy-btn{background:#070512bf;border:1px solid #c084fc59;border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);top:var(--spacing-4)}.image-copy-btn,.image-visit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xs);min-height:2rem;padding:.35rem .7rem;position:absolute;right:var(--spacing-4)}.image-visit-btn{background:#0a091cc7;border:1px solid #7b5ea759;border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);text-decoration:none;top:calc(var(--spacing-4) + 2.6rem)}.image-visit-btn:hover{border-color:#c084fc70;box-shadow:var(--shadow-glow)}.entry-image-alt{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.entry-tag{background-color:#1c1a3ae0;border:1px solid #7b5ea72e;border-radius:var(--border-radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.pagination-bar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at top,#c084fc1f,#0000 55%),#12102aa3;border:1px solid #7b5ea733;border-radius:var(--border-radius-xl);box-shadow:inset 0 1px 0 #f0ecf80a,0 18px 38px #03030a42;gap:var(--spacing-3);margin-top:var(--spacing-8);padding:var(--spacing-4);position:relative}.pagination-bar,.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center}.pagination-pages{background:#0a0a1c85;border:1px solid #7b5ea71f;border-radius:var(--border-radius-full);gap:var(--spacing-2);padding:var(--spacing-1)}.pagination-btn,.pagination-page{background:#1c1a3ab8;border:1px solid #7b5ea747;border-radius:var(--border-radius-full);color:var(--color-text-primary);cursor:pointer;font-weight:var(--font-weight-medium);isolation:isolate;letter-spacing:.01em;overflow:hidden;padding:var(--spacing-2) var(--spacing-4);position:relative;transition:color var(--motion-base) ease,border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,transform var(--motion-fast) ease,background-color var(--motion-base) ease}.pagination-btn:before,.pagination-page:before{background:linear-gradient(135deg,#7b5ea738,#e040fb57);content:"";inset:0;position:absolute;transform:translateX(-102%);transition:transform var(--motion-base) ease;z-index:-1}.pagination-btn:hover:before,.pagination-page.is-active:before,.pagination-page:hover:before{transform:translateX(0)}.pagination-btn:hover,.pagination-page.is-active,.pagination-page:hover{border-color:#c084fc70;box-shadow:var(--shadow-glow);color:#fff8ff;transform:translateY(-1px)}.pagination-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.pagination-btn:disabled:before{transform:translateX(-102%)}.pagination-page{justify-content:center;min-width:2.6rem;padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.pagination-ellipsis{align-items:center;color:var(--color-text-tertiary);display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;letter-spacing:.2em;min-width:2rem}.pagination-page.is-active{border-color:#e040fb85;box-shadow:0 0 0 1px #e040fb33,0 0 24px #e040fb3d}.pagination-counter{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.08em;margin-top:var(--spacing-3);text-align:center;text-transform:uppercase}.pagination-jump{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-4)}.pagination-jump-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pagination-jump-controls{align-items:center;display:flex;gap:var(--spacing-2)}.pagination-jump-input{background:#1c1a3ad1;border:1px solid #7b5ea747;border-radius:var(--border-radius-full);box-shadow:inset 0 1px 0 #f0ecf80a;color:var(--color-text-primary);padding:var(--spacing-2) var(--spacing-3);text-align:center;width:5.5rem}.pagination-jump-input:focus{border-color:#c084fc7a;box-shadow:0 0 0 3px #c084fc2e,0 0 18px #c084fc2e;outline:none}.pagination-jump-btn{min-width:4rem}.lightbox-backdrop{align-items:center;background:#03020aeb;display:flex;inset:0;justify-content:center;min-height:100dvh;padding:var(--spacing-6);position:fixed;z-index:60}.lightbox-panel{animation:lightbox-zoom var(--motion-base) ease;position:relative;width:min(100%,1200px)}.lightbox-image{border-radius:var(--border-radius-lg);max-height:calc(100vh - 8rem);object-fit:contain;width:100%}.lightbox-arrow,.lightbox-close{align-items:center;background:#090816b3;border:none;border-radius:var(--border-radius-full);color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;justify-content:center;position:absolute;width:3rem}.lightbox-close{right:var(--spacing-3);top:var(--spacing-3)}.lightbox-arrow{top:50%;transform:translateY(-50%)}.lightbox-arrow-prev{left:var(--spacing-3)}.lightbox-arrow-next{right:var(--spacing-3)}.lightbox-caption{color:var(--color-text-primary);display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-between;margin-top:var(--spacing-3)}.copy-toast{animation:toast-pop var(--motion-base) ease;border-radius:var(--border-radius-full);bottom:var(--spacing-6);box-shadow:0 0 24px #c084fc4d;padding:var(--spacing-3) var(--spacing-4);position:fixed;right:var(--spacing-6);z-index:70}.copy-toast,.copy-toast.success{background:#c084fceb;color:#140720}.copy-toast.error{background:#f87171eb;color:#2c0911}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d1a70;border-top:1px solid #2e2b50cc;color:var(--color-text-secondary);margin-top:var(--spacing-10);padding:var(--spacing-6) var(--spacing-4);position:relative;text-align:center;z-index:1}.form-help{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-2)}.sparkle-container{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.sparkle{height:4rem;position:relative;width:4rem}.sparkle-blue{background-color:#3b82f6;left:0}.sparkle-blue,.sparkle-yellow{border-radius:var(--border-radius-full);height:1.5rem;position:absolute;top:0;width:1.5rem}.sparkle-yellow{background-color:#eab308;right:0}.sparkle-pink{background-color:#ec4899;bottom:0;height:1.5rem;left:0;width:1.5rem}.sparkle-center,.sparkle-pink{border-radius:var(--border-radius-full);position:absolute}.sparkle-center{background-color:#fff;height:1rem;left:50%;top:50%;transform:translate(-50%,-50%);width:1rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes image-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lightbox-zoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toast-pop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes status-flash{0%{box-shadow:0 0 0 #f8717100}50%{box-shadow:0 0 18px #f8717133}to{box-shadow:0 0 0 #f8717100}}@media (max-width:1024px){.header-content{align-items:flex-start}.entry-gallery,.header-tools{grid-template-columns:1fr}}@media (max-width:768px){.header,.header-content{padding:var(--spacing-3)}.header-content{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.logo{justify-content:center;text-align:center;width:100%}.logo-text{font-size:1.1rem;line-height:1.2}.header-actions,.header-auth-btn{width:100%}.user-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%}.user-greeting{grid-column:1/-1;max-width:none;text-align:center;white-space:normal;width:100%}.btn-logout,.header-auth-btn,.user-name-btn{width:100%}.header-tools{gap:var(--spacing-2)}.filter-bar{align-items:stretch;flex-direction:column;padding:var(--spacing-3)}.filter-bar,.filter-select{min-width:0;width:100%}.filter-chip{justify-content:center;padding:0}.filter-select-wrap{width:100%}.search-input{font-size:16px;padding:var(--spacing-3) var(--spacing-8)}.type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-row{align-items:stretch;flex-direction:column}.entry-count-pill,.toolbar-add-btn{justify-content:center;text-align:center;width:100%}.modal{max-height:calc(100dvh - 1.5rem);padding:var(--spacing-4);width:100%}.modal-header{align-items:flex-start;gap:var(--spacing-3)}.modal-title{font-size:1.1rem}.form-actions,.login-form-actions{flex-direction:column-reverse;grid-template-columns:1fr}.form-actions .btn,.login-form-actions .btn{width:100%}.upload-zone{padding:var(--spacing-6) var(--spacing-4)}.upload-preview-grid{grid-template-columns:1fr}.cropper-toolbar{justify-content:center}.entry-youtube-thumbnail{height:150px}.entry-header{flex-direction:column}.entry-actions{align-self:flex-end}.image-copy-btn{margin-top:var(--spacing-3)}.image-copy-btn,.image-visit-btn{align-self:flex-end;position:static}.image-visit-btn{margin-top:var(--spacing-2)}.entry-gallery-item{display:flex;flex-direction:column}.lightbox-backdrop{padding:var(--spacing-3)}.lightbox-panel{width:100%}.lightbox-arrow,.lightbox-close{font-size:1.5rem;height:2.5rem;width:2.5rem}.lightbox-arrow{bottom:4.25rem;top:auto;transform:none}.lightbox-arrow-prev{left:var(--spacing-2)}.lightbox-arrow-next{right:var(--spacing-2)}.lightbox-caption{flex-direction:column;gap:var(--spacing-2)}.copy-toast{bottom:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);text-align:center}.copy-toast,.pagination-bar{border-radius:var(--border-radius-lg)}.pagination-bar{gap:var(--spacing-2);padding:var(--spacing-3)}.pagination-pages{justify-content:center;width:100%}.pagination-btn,.pagination-page{min-height:2.5rem}.pagination-counter{width:100%}.pagination-jump{align-items:stretch;flex-direction:column}.pagination-jump-controls{justify-content:center;width:100%}}@media (max-width:480px){.container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.header{padding:var(--spacing-2) 0 var(--spacing-3)}.header .container{gap:var(--spacing-3)}.logo-text{font-size:1rem}.logo-icon{height:2.25rem;margin-right:var(--spacing-2);width:2.25rem}.logo-image{height:34px;width:34px}.header-content{border-radius:var(--border-radius-lg)}.user-info{grid-template-columns:1fr}.filter-bar{border-radius:var(--border-radius-lg)}.type-selector{grid-template-columns:1fr}.type-option{justify-content:flex-start}.entry-card{padding:var(--spacing-3)}.entry-title{font-size:1rem}.pagination-pages{gap:var(--spacing-1)}.pagination-btn,.pagination-jump-input,.pagination-page{width:100%}.pagination-jump-controls{flex-direction:column}}@media (prefers-reduced-motion:reduce){.copy-toast,.entry-card-skeleton,.lightbox-panel,.modal,.page-transition,.stagger-in,.upload-preview-card{animation:none!important}.mystic-orb,.mystic-star{display:none}}
/*# sourceMappingURL=main.897a62b8.css.map*/