:root{--bg-app: #F9FAFB;--bg-card: #FFFFFF;--bg-preview: #F3F4F6;--bg-surface: rgba(255, 255, 255, .3);--text-main: #111827;--text-muted: #6B7280;--text-placeholder: #9CA3AF;--accent-primary: #9d69ca;--accent-secondary: #b07fd4;--accent-gradient: linear-gradient(135deg, #9d69ca 0%, #b07fd4 100%);--border-subtle: #E5E7EB;--border-focus: #9d69ca;--peg-dot: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-xl: 0 35px 60px -15px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--header-height: 72px}[data-theme=dark]{--bg-app: #0F172A;--bg-card: #1E293B;--bg-preview: #0B1120;--bg-surface: rgba(15, 23, 42, .3);--text-main: #F9FAFB;--text-muted: #9CA3AF;--text-placeholder: #6B7280;--border-subtle: #374151;--border-focus: #b07fd4;--peg-dot: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-xl: 0 35px 60px -15px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}html,body{min-height:100vh;background-color:var(--bg-app);background-image:radial-gradient(var(--peg-dot) 1.5px,transparent 1.5px);background-size:32px 32px;background-attachment:fixed}body{color:var(--text-main);overflow-x:hidden}h1{font-size:2rem;font-weight:700;letter-spacing:-.025em}h2{font-size:1.5rem;font-weight:600}.board-info p{color:var(--text-main);font-size:1.05rem;font-weight:500;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}header{height:var(--header-height);background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:100}.logo-group{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;background:var(--accent-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{font-weight:800;font-size:1.25rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-actions{display:flex;align-items:center;gap:12px}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.search-container{display:flex;align-items:center;background:var(--bg-preview);border:1px solid var(--border-subtle);border-radius:20px;padding:2px 14px;transition:all .2s ease;margin-left:8px}.search-container:focus-within{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:var(--shadow-sm)}.search-container input{background:transparent;border:none;outline:none;padding:8px 6px;font-family:inherit;font-size:.9rem;color:var(--text-main);width:120px;transition:width .3s ease}.search-container input:focus{width:180px}.search-icon{width:16px;height:16px;color:var(--text-muted);opacity:.7}.user-profile{position:relative}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-overlay.active{opacity:1;visibility:visible}.settings-panel{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:400px;overflow:hidden;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.settings-overlay.active .settings-panel{transform:translateY(0) scale(1)}.settings-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-preview)}.settings-header h4{margin:0;font-size:.95rem;color:var(--text-main);font-weight:600}.settings-body{padding:10px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;font-size:.95rem;font-weight:500;color:var(--text-main)}#theme-toggle-btn.active .switch-knob{transform:translate(22px) translateY(-3px)!important}#theme-toggle-btn .switch-knob{transform:translateY(-3px)!important}main{padding:40px;max-width:1400px;margin:0 auto;width:100%}.gallery-header{position:relative;display:flex;justify-content:center;align-items:flex-end;margin-bottom:40px}.fluid-aura{position:absolute;top:-10.7px;left:-10.7px;right:-10.7px;bottom:-10.7px;z-index:-3;border-radius:50%;background:linear-gradient(45deg,#ff9a9e,#fecfef,#a1c4fd,#c2e9fb,#ff9a9e);background-size:400% 400%;filter:blur(9.4px);animation:fluidWave 6s ease-in-out infinite;opacity:.85;pointer-events:none;transition:opacity .3s,filter .3s;-webkit-mask:radial-gradient(transparent 34px,black 35px);mask:radial-gradient(transparent 34px,black 35px)}button.iridescent:hover .fluid-aura{opacity:1;filter:blur(12.2px)}button.iridescent{font-size:24px;color:#9ca3af;text-shadow:none;width:64px;height:64px;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;padding:0;z-index:100;isolation:isolate;outline:none!important;opacity:1;border-radius:50%;box-sizing:border-box;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:#ffffffe3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg),inset 0 2px 4px #ffffff80,inset 0 -1px 2px #0000000d;overflow:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}button.iridescent .drop-shadow{display:none}button.iridescent:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:#d1d5db;-webkit-mask:radial-gradient(transparent 30px,black 31px);mask:radial-gradient(transparent 30px,black 31px);z-index:-1;pointer-events:none}@keyframes flowingWaves{0%{transform:rotate(0) translate(-10%,-10%)}50%{transform:rotate(180deg) translate(10%,10%)}to{transform:rotate(360deg) translate(-10%,-10%)}}@property --rainbow-angle{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@keyframes rainbowGlow{0%{--rainbow-angle: 0deg}to{--rainbow-angle: 360deg}}button.iridescent:hover,button.iridescent.shine,button.iridescent:focus{opacity:1;color:#9ca3af;transform:translateY(-4px) scale(1.05)}@keyframes fluidWave{0%{background-position:0% 50%;border-radius:50%;transform:rotate(0)}33%{border-radius:60% 40% 50% 50%/40% 60% 50% 50%}50%{background-position:100% 50%;transform:rotate(180deg) scale(1.05)}66%{border-radius:40% 60% 50% 50%/60% 40% 50% 50%}to{background-position:0% 50%;border-radius:50%;transform:rotate(360deg)}}.board-filters{display:flex;gap:20px;align-items:flex-end}.filter-col{display:flex;flex-direction:column;align-items:center;gap:8px}.filter-icon{width:22px;height:22px;color:var(--text-muted);-webkit-user-select:none;user-select:none;transition:color .2s ease}.filter-col:has(input:checked) .filter-icon{color:#6bb9c9}.vertical-switch{position:relative;width:28px;height:48px;background:var(--border-subtle);border-radius:14px;cursor:pointer;box-shadow:inset 0 2px 4px #0000000d;transition:all .3s ease}.vertical-switch input{opacity:0;width:0;height:0}.slider-v{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:14px;transition:.3s}.slider-v:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.vertical-switch input:checked+.slider-v{background-color:#6bb9c9}.vertical-switch input:checked+.slider-v:before{transform:translateY(-20px)}.btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-btn{padding:10px}.close-icon-btn{background:none!important;border:none!important;cursor:pointer;color:#708090!important;padding:8px;display:flex!important;align-items:center;justify-content:center;transition:all .2s ease;outline:none;box-shadow:none!important}.close-icon-btn:hover{opacity:.6;transform:scale(1.1)}#clear-library-btn{transition:all .2s ease;color:#708090!important}#clear-library-btn:hover{background:#fff1f2!important;color:#e11d48!important;border-color:#fda4af!important;transform:translateY(-1px)}.close-icon-btn i{width:20px;height:20px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #9d69ca33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9d69ca4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-app);border-color:var(--text-placeholder)}[data-theme=dark] header .btn-secondary{background:#fff;color:#111827;border-color:#e5e7eb}[data-theme=dark] header .btn-secondary:hover{background:#f3f4f6}.board-grid{column-count:3;column-gap:32px;width:100%}@media(max-width:1100px){.board-grid{column-count:2}}@media(max-width:700px){.board-grid{column-count:1}}.board-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all .3s ease;cursor:pointer;position:relative;break-inside:avoid;margin-bottom:32px}.board-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-focus)}.board-preview{background-color:var(--bg-preview);background-image:radial-gradient(var(--peg-dot) 1px,transparent 1px);background-size:16px 16px;position:relative;overflow:hidden;border-radius:calc(var(--radius-lg) - 1px)}.board-preview img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .5s ease}.type-badge{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:var(--accent-primary);z-index:10}.type-badge i{width:18px;height:18px}.board-card:hover .board-preview img{transform:scale(1.05)}.board-info{padding:24px}.board-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.85rem;color:var(--text-muted)}.asset-pill{background:#f3f4f6;padding:4px 10px;border-radius:20px;font-weight:500}.format-switch-container{display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;margin:0 auto 16px}.format-switch{width:80px;height:40px;background:var(--border-subtle);border-radius:24px;position:relative;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d}.format-switch.active{background:var(--accent-primary);box-shadow:inset 0 2px 4px #0000001a}.switch-knob{width:32px;height:32px;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000026;color:var(--text-muted)}.format-switch.active .switch-knob{transform:translate(40px);color:var(--accent-primary)}.switch-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;pointer-events:none;opacity:0;transition:opacity .3s ease}.format-switch.active .switch-label{opacity:1}.switch-knob i{width:18px;height:18px}#format-back-switch{width:88px}#format-back-switch.active .switch-label{opacity:0;left:auto;right:14px;transition:opacity .3s ease}#format-back-switch.active .switch-knob{transform:translate(48px)}#format-back-switch.active:hover .switch-label{opacity:1}#format-back-switch.active:hover .switch-knob{transform:translate(0)}.action-switch{width:140px;height:40px;background:#4fadd5;border-radius:24px;position:relative;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a;display:flex;align-items:center}.action-switch.active{background:var(--accent-primary)}.action-switch:hover{background:#3ea0c8;transform:translateY(-2px);box-shadow:inset 0 2px 4px #0000001a,0 4px 12px #4fadd54d}.action-switch.active:not(:disabled):hover{background:#fff;transform:translateY(-2px);box-shadow:inset 0 2px 4px #0000000d,0 4px 12px #0000001a}.action-switch.active:not(:disabled):hover .switch-label{color:transparent}.action-switch.active:not(:disabled):hover .switch-label:after{content:"GO";color:#708090;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.action-switch:disabled{opacity:.7;cursor:not-allowed;transform:none}.action-switch .switch-label{position:absolute;left:42px;top:50%;transform:translateY(-50%);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;pointer-events:none;opacity:1;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.action-switch.active .switch-label{transform:translateY(-50%) translate(-22px)}.action-switch .switch-knob{width:32px;height:32px;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000026;color:#4fadd5}.action-switch.active .switch-knob{transform:translate(100px);color:var(--accent-primary)}.action-switch.switch-sm{width:110px}.action-switch.switch-sm.active .switch-knob{transform:translate(70px)}.action-switch.switch-sm .switch-label{left:38px}.action-switch.switch-sm.active .switch-label{transform:translateY(-50%) translate(-18px)}.action-switch.switch-sm.active:not(:disabled):hover .switch-label:after{content:"OK"}.modal{background:#fff;width:90%;max-width:520px;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-xl);transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1001}.modal-overlay.active .modal{transform:translateY(0) scale(1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:all .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.file-drop-zone{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.file-drop-zone:hover{border-color:var(--accent-primary);background:#f8faff;color:var(--accent-primary)}.file-drop-zone i{width:32px;height:32px}.image-preview-container{margin-top:16px;position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.image-preview-container img{width:100%;max-height:400px;object-fit:contain;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.modal-lg{max-width:1000px;width:95%;padding:0;display:flex;flex-direction:column;overflow:hidden}.detail-sidebar{padding:40px;border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:40px;background:var(--bg-card)}.sidebar-section{width:100%}.sidebar-section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:20px}.detail-header{padding:24px 40px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:16px}.detail-header h2{flex:1;font-size:1.25rem}.detail-content{display:grid;grid-template-columns:1fr 380px;height:70vh}.detail-visual{background-color:var(--bg-preview);background-image:radial-gradient(var(--peg-dot) 1.5px,transparent 1.5px);background-size:32px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:40px;position:relative;gap:24px}.detail-visual img{max-width:100%;max-height:calc(100% - 60px);object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.image-reference-note{color:var(--text-main);font-size:1.05rem;line-height:1.5;text-align:center;font-style:italic;max-width:80%;padding-bottom:20px}.image-reference-note .ref-author{font-style:normal;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;color:var(--text-muted)}.board-note-panel{width:100%;height:100%;min-height:280px;padding:40px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;border-radius:var(--radius-lg)}.board-note-panel:before,.board-note-panel:after{content:"";position:absolute;width:12px;height:12px;border-color:#e5e7eb!important}[data-theme=dark] .board-note-panel:before,[data-theme=dark] .board-note-panel:after{border-color:#e5e7eb!important;opacity:1}.board-note-panel:before{top:16px;left:16px;border-top:2px solid;border-left:2px solid}.board-note-panel:after{bottom:16px;right:16px;border-bottom:2px solid;border-right:2px solid}.board-note-panel p{font-size:1.15rem;font-weight:500;color:#111827;line-height:1.5;font-family:Outfit,sans-serif;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.note-author{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.note-display-panel{background:#fff;width:90%;max-width:650px;min-height:480px;padding:80px;border-radius:4px;box-shadow:0 0 0 1px #0000000d,0 20px 40px -10px #0000001a;display:flex;align-items:center;justify-content:center;overflow-y:auto;position:relative;border:1px solid rgba(229,231,235,.5);z-index:2}.note-display-panel:before,.note-display-panel:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--accent-primary);opacity:.3}[data-theme=dark] .note-display-panel:before,[data-theme=dark] .note-display-panel:after{border-color:var(--accent-primary);opacity:.4}.note-display-panel:before{top:20px;left:20px;border-top:1px solid;border-left:1px solid}.note-display-panel:after{bottom:20px;right:20px;border-bottom:1px solid;border-right:1px solid}.note-text-large{font-size:2rem;font-weight:400;line-height:1.5;color:#111827;text-align:center;white-space:pre-wrap;letter-spacing:-.01em}.comments-list{display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.comment-item{background:var(--bg-app);padding:12px;border-radius:var(--radius-md);position:relative;border:1px solid var(--border-subtle)}.comment-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.75rem}.comment-author{font-weight:700;color:#4fadd5}.comment-time{color:var(--text-muted)}.comment-body{font-size:.9rem;color:var(--text-main);line-height:1.5}.delete-comment-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;opacity:0;transition:opacity .2s}.comment-item:hover .delete-comment-btn{opacity:1}.comment-input-area{display:flex;flex-direction:column;gap:10px}.comment-input-area textarea{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:.9rem;resize:none;outline:none}.btn-sm{padding:6px 12px;font-size:.85rem;align-self:flex-end}.btn-text-danger{background:none;border:none;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;opacity:.7;transition:all .2s ease;width:fit-content;margin-left:auto}.btn-text-danger:hover{opacity:1;transform:translate(-2px)}.btn-text-danger i{width:16px;height:16px}@media(max-width:768px){#detail-overlay.modal-overlay{padding:0;align-items:flex-start;background:var(--bg-card);z-index:5000}#detail-overlay .modal-lg{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-card);margin:0;border:none}#detail-overlay .detail-header{position:sticky;top:0;z-index:100;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 16px;border-bottom:1px solid var(--border-subtle);height:60px;display:flex;align-items:center}#detail-overlay .detail-content{display:flex;flex-direction:column;height:auto;flex:1}#detail-overlay .detail-visual{width:100%;height:auto;min-height:300px;padding:0;background:var(--bg-preview);border-bottom:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden;position:relative;display:flex;justify-content:center;-webkit-overflow-scrolling:touch}#detail-overlay #detail-img{width:100%;max-height:none;object-fit:contain;transition:width .3s ease;cursor:zoom-in;display:block;flex-shrink:0}#detail-overlay #detail-img.zoomed{width:250%;max-width:none;cursor:zoom-out}#detail-overlay #detail-video{height:56.25vw}#detail-overlay .detail-sidebar{width:100%;padding:24px 20px;border-left:none;background:var(--bg-card);gap:32px}#detail-overlay .sidebar-section{width:100%}#detail-overlay .comments-list{max-height:none;overflow-y:visible}#detail-overlay .comment-input-area{position:sticky;bottom:0;background:var(--bg-card);padding-top:16px;padding-bottom:24px;border-top:1px solid var(--border-subtle);margin-top:20px}body.modal-open{overflow:hidden;position:fixed;width:100%}}.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:8px;color:var(--text-main)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:1rem;outline:none;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px #9d69ca1a}.type-selector-prompt{font-size:.9rem;color:var(--text-muted);text-align:center;margin-bottom:12px;margin-top:4px;font-style:italic;letter-spacing:.01em}.type-selector{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.type-chip{flex:1;min-width:80px;padding:12px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.type-chip i{width:20px;height:20px;color:var(--text-muted)}.type-chip span{font-size:.75rem;font-weight:600;color:var(--text-muted)}.type-chip:hover{border-color:var(--accent-primary);background:#eef2ff;transform:translateY(-2px)}.type-chip.active{border-color:var(--accent-primary);background:#eef2ff;box-shadow:0 4px 12px #9d69ca1f}.type-chip.active i,.type-chip.active span{color:var(--accent-primary)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.user-profile{display:flex;align-items:center;position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.user-avatar:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.auth-modal{max-width:420px;width:90%;padding:40px;border-radius:var(--radius-lg)}.auth-tabs{display:flex;background:var(--bg-preview);padding:4px;border-radius:var(--radius-md);margin-bottom:30px}.auth-tab{flex:1;padding:10px;border:none;background:transparent;font-family:inherit;font-weight:600;font-size:.9rem;color:var(--text-muted);cursor:pointer;border-radius:calc(var(--radius-md) - 2px);transition:all .2s ease}.auth-tab.active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm)}.auth-error{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2;padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;margin:10px 0;text-align:center}[data-theme=dark] .auth-error{background:#dc26261a;border-color:#dc262633;color:#f87171}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-app);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s cubic-bezier(.65,0,.35,1),visibility .8s}.preloader.fade-out{opacity:0;visibility:hidden}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:24px}.preloader-logo{height:48px;width:auto}.pulsate{animation:preloaderPulse 2.5s ease-in-out infinite}@keyframes preloaderPulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}.loader-line{width:160px;height:2px;background:var(--border-subtle);border-radius:4px;position:relative;overflow:hidden}.loader-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-gradient);animation:loadingSlide 2s cubic-bezier(.65,0,.35,1) infinite}@keyframes loadingSlide{0%{left:-100%}to{left:100%}}.avatar-large{position:relative;box-shadow:0 4px 12px #00000014;transition:all .3s ease;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-preview)}.avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}#user-avatar-btn{width:36px;height:36px;border-radius:50%;overflow:hidden!important;border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s ease;padding:0;flex-shrink:0}#user-avatar-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}.comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden!important;border:1px solid var(--border-subtle);background:var(--bg-preview);display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;justify-content:flex-end}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-panel{width:280px;height:100%;background:var(--bg-card);box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.active .mobile-menu-panel{transform:translate(0)}.mobile-menu-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.mobile-menu-body{padding:20px;display:flex;flex-direction:column;gap:24px}.mobile-search{width:100%!important;margin:0!important}.mobile-search input{width:100%!important}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px}.mobile-menu-btn{width:100%;justify-content:flex-start;height:48px}@media(max-width:768px){header{padding:0 20px}main{padding:20px}.gallery-header{justify-content:center;padding-right:0;margin-bottom:24px;height:auto;align-items:center;width:100%}.board-filters{justify-content:center;flex-wrap:wrap;gap:16px}button.iridescent{position:fixed;right:24px;bottom:24px;width:52px;height:52px;z-index:900;box-shadow:0 10px 25px #9d69ca66}button.iridescent i{width:26px!important;height:26px!important}.fluid-aura{top:-8.5px;left:-8.5px;right:-8.5px;bottom:-8.5px;filter:blur(8px);-webkit-mask:radial-gradient(transparent 26px,black 27px);mask:radial-gradient(transparent 26px,black 27px)}button.iridescent:before{-webkit-mask:radial-gradient(transparent 24px,black 25px);mask:radial-gradient(transparent 24px,black 25px)}}