body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{min-height:100vh}.app{display:flex;margin:0 auto;max-width:1920px}@media (max-width:768px){.app{flex-direction:column}.main-content{padding-bottom:80px!important}}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-right:1px solid #0000000f;box-shadow:0 0 40px #00000008;display:flex;flex-direction:column;height:100vh;left:0;padding:32px 0;position:fixed;top:0;transition:width .3s ease,padding .3s ease;width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-subtitle{color:#6b7280;font-size:14px;font-weight:400;letter-spacing:-.2px;line-height:1.4;margin-bottom:0;margin-top:8px;opacity:.8;transition:opacity .3s ease}.sidebar.collapsed .nav-icon{font-size:24px;height:32px;opacity:1!important;visibility:visible!important;width:32px}.sidebar.collapsed .nav-item{justify-content:center;padding:16px 8px}.sidebar.collapsed .sidebar-header{padding:0 8px 32px}.sidebar-toggle{align-items:center;background:#667eea1a;border:none;border-radius:10px;bottom:24px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;left:20px;min-width:24px;padding:0 16px;position:absolute;transition:all .3s ease;width:auto;z-index:10}.sidebar-toggle:hover{background:#667eea33}.sidebar.collapsed .sidebar-toggle{bottom:30px;left:20px;min-width:40px;padding:0;position:fixed;transform:none;width:40px;z-index:1001}.sidebar-toggle-floating{align-items:center;background:#667eeaf2;border:none;border-radius:25%;bottom:30px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:100;height:42px;justify-content:center;left:20px;position:fixed;transition:all .3s ease;width:42px;z-index:1001}.sidebar-toggle-floating:hover{background:#667eea;box-shadow:0 6px 16px #667eea80;transform:scale(1.05)}.sidebar-toggle-floating:active{transform:scale(.95)}.sidebar-header{border-bottom:1px solid #0000000d;padding:0 24px 32px;transition:padding .3s ease}.sidebar-title-wrapper{align-items:center;display:flex;gap:12px;justify-content:flex-start}.sidebar.collapsed .sidebar-title-wrapper{gap:0;justify-content:center}.sidebar-logo{height:48px;object-fit:contain;transition:all .3s ease;width:48px}.sidebar.collapsed .sidebar-logo{height:40px;width:40px}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;transition:opacity .3s ease,visibility .3s ease}.sidebar-nav{padding:24px 16px}.nav-section,.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-section-title{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:8px 16px 4px;text-transform:uppercase;transition:opacity .3s ease,visibility .3s ease}.nav-section:first-child .nav-section-title{margin-top:0}.nav-divider{background:#00000014;height:1px;margin:8px 16px;transition:opacity .3s ease}.sidebar.collapsed .nav-divider{margin:6px 8px;opacity:.5}.nav-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.nav-item:hover:before{opacity:.08}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.nav-item.active:before{opacity:0}.nav-icon{align-items:center;display:flex;filter:grayscale(.3);flex-shrink:0;font-size:20px;height:28px;justify-content:center;position:relative;transition:filter .3s ease;width:28px;z-index:1}.nav-item.active .nav-icon{filter:grayscale(0) brightness(1.2)}.nav-text{color:#374151;font-size:15px;font-weight:500;position:relative;transition:color .3s ease,opacity .3s ease,visibility .3s ease;white-space:nowrap;z-index:1}.nav-item.active .nav-text{color:#fff}.nav-item:hover .nav-text:not(.nav-item.active .nav-text){color:#667eea}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.sidebar-subtitle{display:none;visibility:hidden}.sidebar{bottom:0;height:100vh;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.collapsed{transform:translateX(-100%);width:280px}.sidebar-toggle{background:#667eeaf2;box-shadow:0 4px 12px #667eea4d;color:#fff}.sidebar-toggle:hover{background:#667eea}.sidebar.collapsed .sidebar-toggle{bottom:30px;color:#fff;left:20px}.sidebar .nav-text,.sidebar .sidebar-title{opacity:1;visibility:visible}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:240px}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-toggle{bottom:30px;left:20px}}.game-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:20px;cursor:pointer;min-height:240px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-card:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.game-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.game-card:hover:before{opacity:1}.card-content{gap:20px;height:100%;position:relative;z-index:1}.card-thumbnail{flex-shrink:0}.thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#f0f0f3,#e6e6ea);border:2px dashed #0000001a;border-radius:16px;display:flex;flex-direction:column;height:60px;justify-content:center;transition:all .3s ease;width:60px}.game-card:hover .thumbnail-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.thumbnail-icon{font-size:36px;transition:transform .3s ease}.game-card:hover .thumbnail-icon{transform:scale(1.1)}.thumbnail-text{color:#9ca3af;font-size:16px;font-weight:600;transition:color .3s ease}.game-card:hover .thumbnail-text{color:#fff}.thumbnail-subtext{color:#9ca3af;font-size:13px;margin-top:4px;transition:color .3s ease}.game-card:hover .thumbnail-subtext{color:#fffc}.card-info{display:flex;flex:1 1;flex-direction:column}.card-title{color:#1f2937;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.card-subtitle{color:#6b7280;font-size:15px;font-weight:500;margin-bottom:16px}.card-details{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.detail-item{color:#4b5563;font-size:14px;line-height:1.6;padding-left:16px;position:relative}.detail-item:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.card-empty{flex-direction:column;gap:12px;height:100%;min-height:264px;width:100%}.card-empty,.empty-icon{align-items:center;display:flex;justify-content:center}.empty-icon{background:linear-gradient(135deg,#f0f0f3,#e6e6ea);border-radius:50%;color:#9ca3af;font-size:32px;height:64px;transition:all .3s ease;width:64px}.game-card:hover .empty-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:rotate(90deg)}.empty-text{color:#9ca3af;font-size:15px;font-weight:500;transition:color .3s ease}.game-card:hover .empty-text{color:#667eea}@media (max-width:768px){.game-card{min-height:200px;padding:20px}.card-content{flex-direction:column;gap:16px}.thumbnail-placeholder{height:48px;width:48px}.thumbnail-icon{font-size:24px}.card-title{font-size:20px}.card-subtitle{font-size:14px}.detail-item{font-size:13px}}@media (max-width:480px){.game-card{border-radius:16px;min-height:240px;padding:16px}.thumbnail-placeholder{height:80px;width:80px}.thumbnail-icon{font-size:40px}.thumbnail-text{font-size:14px}.thumbnail-subtext{font-size:11px}.card-title{font-size:18px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:24px;box-shadow:0 24px 48px #0003;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:#0000000f;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:1}.modal-close:hover{background:#0000001a;color:#1f2937;transform:rotate(90deg)}.modal-header{border-bottom:1px solid #0000000f;padding:40px 40px 24px;text-align:center}.modal-icon{font-size:64px;margin-bottom:16px}.modal-title{color:#1f2937;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.modal-subtitle{color:#6b7280;font-size:16px;font-weight:500}.modal-body{padding:32px 40px}.game-info-section{margin-bottom:28px}.game-info-section:last-child{margin-bottom:0}.section-title{font-size:18px;margin-bottom:12px}.game-description{color:#4b5563;font-size:15px;line-height:1.7}.game-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}.meta-card{background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:12px;padding:16px;text-align:center}.meta-label{color:#6b7280;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.meta-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:18px;font-weight:700}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.rules-list{list-style:none;margin:0;padding:0}.rule-item{background:#667eea0a;border-radius:10px;color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:8px;padding:12px 16px 12px 40px;position:relative}.rule-item:last-child{margin-bottom:0}.rule-item:before{color:#667eea;content:"✓";font-size:16px;font-weight:700;left:16px;position:absolute}.modal-footer{border-top:1px solid #0000000f;display:flex;gap:12px;padding:24px 40px 32px}.btn-cancel,.btn-start{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:#0000000f;color:#6b7280}.btn-cancel:hover{background:#0000001a;color:#1f2937}.btn-start{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-start:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-start:active{transform:translateY(0)}@media (max-width:768px){.modal-content{border-radius:20px;max-height:85vh}.modal-header{padding:32px 24px 20px}.modal-icon{font-size:48px}.modal-title{font-size:26px}.modal-subtitle{font-size:14px}.modal-body{padding:24px}.game-meta{grid-template-columns:1fr}.modal-footer{flex-direction:column;padding:20px 24px 24px}.btn-cancel,.btn-start{width:100%}}.main-content{flex:1 1;overflow-y:auto;padding:48px;transition:margin-left .3s ease}body.sidebar-expanded .main-content{margin-left:280px}body.sidebar-collapsed .main-content{margin-left:80px}.content-header{margin-bottom:40px}.content-title{color:#1f2937;font-size:42px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.content-subtitle{color:#6b7280;font-size:18px;font-weight:400}.game-grid{grid-gap:24px;animation:fadeIn .6s ease-out;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){body.sidebar-collapsed .main-content,body.sidebar-expanded .main-content{margin-left:0}.main-content{padding:24px 20px}.content-header{margin-bottom:28px}.content-title{font-size:32px}.content-subtitle{font-size:16px}.game-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.main-content{padding:20px 16px}.content-title{font-size:28px}}.interview-section{display:flex;flex-direction:column;gap:40px}.info-banner{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:20px;box-shadow:0 4px 16px #667eea1a;display:flex;gap:20px;padding:28px 32px}.banner-icon{align-items:center;background:#fffc;border-radius:16px;display:flex;flex-shrink:0;font-size:40px;height:60px;justify-content:center;width:60px}.banner-content{flex:1 1}.banner-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:12px}.banner-text{color:#4b5563;font-size:15px;line-height:1.8}.banner-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.banner-link:hover{color:#764ba2;text-decoration:underline}.categories-section{display:flex;flex-direction:column;gap:24px}.section-title{color:#1f2937;font-size:24px;font-weight:700}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.category-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:20px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-card:hover{border-color:#667eea66;box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.category-card:hover:before{opacity:1}.category-card:active{transform:translateY(-2px)}.category-icon{align-items:center;background:linear-gradient(135deg,#f0f0f3,#e6e6ea);border-radius:16px;display:flex;flex-shrink:0;font-size:36px;height:64px;justify-content:center;position:relative;transition:transform .3s ease;width:64px;z-index:1}.category-card:hover .category-icon{transform:scale(1.1)}.category-content{flex:1 1;position:relative;z-index:1}.category-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.category-name{color:#1f2937;font-size:18px;font-weight:700}.question-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.category-description{color:#6b7280;font-size:14px;line-height:1.5}.category-arrow{color:#667eea;flex-shrink:0;font-size:24px;font-weight:700;position:relative;transition:transform .3s ease;z-index:1}.category-card:hover .category-arrow{transform:translateX(4px)}@media (max-width:768px){.info-banner{flex-direction:column;gap:16px;padding:24px}.banner-icon{font-size:36px;height:56px;width:56px}.banner-title{font-size:18px}.banner-text{font-size:14px}.section-title{font-size:20px}.categories-grid{gap:16px;grid-template-columns:1fr}.category-card{padding:20px}.category-icon{font-size:32px;height:56px;width:56px}.category-name{font-size:16px}.category-description{font-size:13px}.category-arrow{font-size:20px}}@media (max-width:480px){.category-card{align-items:flex-start;flex-direction:column;gap:12px}.category-arrow{align-self:flex-end}}.interview-card-container{height:400px;perspective:1000px;width:100%}.interview-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.interview-card-container.flipped .interview-card-inner{transform:rotateY(180deg)}.interview-card-back,.interview-card-front{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#fffffff2,#fafafcf2);border:1px solid #00000014;border-radius:20px;box-shadow:0 8px 32px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:24px;position:absolute;width:100%}.interview-card-front{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #00000014;color:#1f2937}.interview-card-back{background:linear-gradient(135deg,#fffffffa,#fafafcfa);overflow-x:hidden;overflow-y:auto;transform:rotateY(180deg)}.interview-card-back::-webkit-scrollbar{width:6px}.interview-card-back::-webkit-scrollbar-track{background:#667eea0d;border-radius:10px}.interview-card-back::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.interview-card-back::-webkit-scrollbar-thumb:hover{background:#667eea80}.card-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.interview-card-back .card-header{margin-bottom:10px}.back-header{align-items:flex-start;display:flex;flex-shrink:0;gap:12px;margin-bottom:12px}.back-question-text{flex:1 1;min-width:0}.back-question-label{color:#667eea;display:block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.back-question-content{color:#1f2937;font-size:14px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:break-word;word-break:keep-all}.back-header .favorite-button{flex-shrink:0;margin-top:2px}.question-number-badge{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;min-width:60px;padding:8px 16px}.favorite-button,.question-number-badge{align-items:center;justify-content:center}.favorite-button{background:#fff;border:2px solid #0000001a;border-radius:50%;color:#d1d5db;cursor:pointer;display:flex;font-size:22px;height:42px;padding:0;transition:all .3s ease;width:42px}.interview-card-front .favorite-button:hover{background:#f9fafb;border-color:#00000026;transform:scale(1.1)}.interview-card-front .favorite-button.active{background:#fffbeb;border-color:#fbbf24;color:#fbbf24}.interview-card-back .favorite-button{background:#0000;border-color:#667eea4d;color:#ccc}.interview-card-back .favorite-button:hover{background:#667eea1a;border-color:#667eea80;transform:scale(1.1)}.interview-card-back .favorite-button.active{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.card-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.question-time-limit{align-items:center;background:#fff;border:1px solid #667eea33;border-radius:10px;color:#667eea;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.time-icon{font-size:16px}.question-text{font-size:20px;font-weight:600;line-height:1.6;margin:0}.interview-card-front .question-text{color:#1f2937}.card-actions{display:flex;flex-shrink:0;gap:8px;margin-top:auto}.delete-action-button{background:#fff;border:none;border-radius:12px;color:#f96b83;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:30%}.delete-action-button:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.delete-action-button:active{transform:translateY(0)}.flip-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:48px;padding:10px 20px;transition:all .3s ease;width:100%}.interview-card-back .flip-button{align-self:center;flex-shrink:0;font-size:12px;height:48px;line-height:1;margin-top:0;min-width:100px;padding:6px 14px;width:100%}.flip-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.answer-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:8px;min-height:0;overflow:hidden}.answer-label{color:#1f2937;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.answer-textarea{background:#fffc;border:2px solid #667eea33;border-radius:10px;color:#1f2937;flex:1 1;font-family:inherit;font-size:14px;line-height:1.6;margin-bottom:8px;max-height:none;min-height:100px;padding:12px;resize:none;transition:all .3s ease;width:100%}.answer-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.answer-textarea::placeholder{color:#9ca3af}.answer-info{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding:0 4px}.char-count{color:#6b7280;font-size:12px;font-weight:500}.auto-save-info{align-items:center;color:#10b981;display:flex;font-size:11px;font-weight:600;gap:4px}@media (max-width:768px){.interview-card-container{height:380px}.interview-card-back,.interview-card-front{padding:18px}.card-header{margin-bottom:14px}.interview-card-back .card-header{margin-bottom:10px}.question-number-badge{font-size:14px;min-width:50px;padding:6px 12px}.favorite-button{font-size:20px;height:38px;width:38px}.question-time-limit{font-size:12px;padding:6px 10px}.question-text{font-size:16px}.card-actions{gap:6px}.delete-action-button,.flip-button{font-size:13px;padding:10px 16px}.back-header{gap:10px;margin-bottom:10px}.answer-section{margin-bottom:6px}.back-question-label{font-size:9px;margin-bottom:4px}.back-question-content{font-size:13px}.answer-label{font-size:10px;margin-bottom:5px}.answer-textarea{font-size:13px;margin-bottom:6px;min-height:80px;padding:10px}.answer-info{margin-bottom:0}.char-count{font-size:11px}.auto-save-info{font-size:10px}.interview-card-back .flip-button{font-size:11px;min-width:90px;padding:5px 12px}}.floating-timer{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fafafcfa);border:1px solid #00000014;border-radius:50px;bottom:32px;box-shadow:0 8px 32px #00000026;display:flex;gap:12px;padding:14px 20px;position:fixed;right:32px;transition:all .3s ease;z-index:1000}.floating-timer:hover{box-shadow:0 12px 40px #0003;transform:translateY(-2px)}.timer-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.timer-display{font-feature-settings:"tnum";color:#1f2937;font-variant-numeric:tabular-nums;min-width:65px;text-align:center}.timer-controls{border-left:1px solid #0000001a;gap:8px;padding-left:8px}.timer-button,.timer-controls{align-items:center;display:flex}.timer-button{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:16px;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.timer-button:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.timer-button:active{transform:scale(.95)}.timer-button.start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.timer-button.pause{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.timer-button.reset{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:700}@media (max-width:768px){.floating-timer{bottom:20px;gap:10px;padding:12px 16px;right:20px}.timer-icon{font-size:20px}.timer-display{font-size:16px;min-width:55px}.timer-controls{gap:6px;padding-left:6px}.timer-button{font-size:14px;height:32px;width:32px}.timer-button.reset{font-size:18px}}@media (max-width:480px){.floating-timer{bottom:16px;gap:8px;padding:10px 14px;right:16px}.timer-icon{font-size:18px}.timer-display{font-size:15px;min-width:50px}.timer-button{font-size:13px;height:30px;width:30px}.timer-button.reset{font-size:16px}}.interview-detail-section{display:flex;flex-direction:column;gap:32px}.back-button{align-items:center;background:#0000;border:none;color:#667eea;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:4px;margin-bottom:8px;padding:8px 0;transition:all .2s ease}.back-button:hover{color:#764ba2;transform:translateX(-4px)}.interview-info-banner{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea26;border-radius:16px;display:flex;gap:18px;padding:24px 28px}.info-banner-icon{align-items:center;background:#ffffffb3;border-radius:14px;display:flex;flex-shrink:0;font-size:32px;height:52px;justify-content:center;width:52px}.info-banner-content{flex:1 1}.info-banner-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:12px}.info-banner-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.info-banner-list li{color:#4b5563;font-size:14px;line-height:1.6;padding-left:20px;position:relative}.info-banner-list li:before{color:#667eea;content:"•";font-size:16px;font-weight:700;left:6px;position:absolute}.questions-list{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.interview-detail-section{gap:24px}.interview-info-banner{flex-direction:column;gap:14px;padding:20px}.info-banner-icon{font-size:28px;height:48px;width:48px}.info-banner-title{font-size:16px}.info-banner-list li{font-size:13px}.questions-list{gap:16px;grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1200px){.questions-list{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.tab-navigation{border-bottom:2px solid #667eea1a;display:flex;gap:12px;margin-bottom:32px;padding-bottom:0}.tab-button{align-items:center;background:#0000;border:none;border-radius:12px 12px 0 0;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;position:relative;transition:all .3s ease}.tab-button:hover{background:#667eea0d;color:#667eea}.tab-button.active{background:#667eea1a;color:#667eea}.tab-button.active:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-badge{align-items:center;background:#667eea;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.favorites-section{display:flex;flex-direction:column;gap:32px}.favorites-section .questions-list{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-favorites{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:2px dashed #667eea33;border-radius:24px;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.custom-questions-section{display:flex;flex-direction:column;gap:32px}.add-question-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:2px solid #667eea33;border-radius:24px;box-shadow:0 8px 32px #667eea14;padding:32px}.form-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:24px}.form-content{gap:20px}.form-content,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#374151;font-size:14px;font-weight:600}.form-textarea{background:#fff;border:2px solid #667eea33;border-radius:12px;color:#1f2937;font-family:inherit;font-size:15px;padding:12px 16px;resize:vertical;transition:all .3s ease}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-input{background:#fff;border:2px solid #667eea33;border-radius:12px;color:#1f2937;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.time-buttons-container{align-items:center;display:flex;gap:16px}.time-buttons{display:flex;flex-wrap:wrap;gap:8px}.time-button{background:#fff;border:2px solid #667eea4d;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.time-button:hover{background:#667eea0d;border-color:#667eea}.time-button.active{border-color:#0000}.form-add-button,.time-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.form-add-button{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.form-add-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.form-add-button:active:not(:disabled){transform:translateY(0)}.form-add-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.5}.custom-questions-list{display:flex;flex-direction:column;gap:16px}.custom-questions-list .questions-list{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-custom-questions{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:2px dashed #667eea33;border-radius:24px;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}@media (max-width:768px){.tab-navigation{gap:8px}.tab-button{font-size:14px;padding:12px 16px}.tab-badge{font-size:11px;height:18px;min-width:18px}.custom-questions-list .questions-list,.favorites-section .questions-list{gap:16px;grid-template-columns:1fr}.add-question-form{padding:24px}.form-title{font-size:18px}.time-buttons-container{align-items:stretch;flex-direction:column}.time-buttons{width:100%}.time-button{flex:1 1;min-width:0}.form-add-button{width:100%}.empty-custom-questions,.empty-favorites{padding:60px 24px}.empty-icon{font-size:64px}.empty-title{font-size:20px}.empty-description{font-size:14px}}@media (min-width:769px) and (max-width:1200px){.custom-questions-list .questions-list,.favorites-section .questions-list{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.reference-card{background:#fffffff2;border:2px solid #667eea1a;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.reference-card:hover{border-color:#667eea4d;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.reference-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.reference-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.reference-card:hover .reference-thumbnail img{transform:scale(1.05)}.custom-thumbnail{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:20px;position:absolute;top:0;width:100%}.custom-thumbnail-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px;opacity:.9;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.custom-thumbnail-title{font-size:18px;font-weight:700;line-height:1.4;margin-top:auto;padding-bottom:8px;text-shadow:0 2px 8px #0000004d}.reference-type-badge{border-radius:50%;left:12px}.reference-favorite-button,.reference-type-badge{align-items:center;background:#fffffff2;box-shadow:0 2px 8px #00000026;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;top:12px;width:40px}.reference-favorite-button{border:none;border-radius:50%;color:#d1d5db;cursor:pointer;right:12px;transition:all .3s ease;z-index:10}.reference-favorite-button:hover{background:#fff;transform:scale(1.1)}.reference-favorite-button.active{background:#fffbeb;border:2px solid #fbbf24;color:#fbbf24}.reference-content{display:flex;flex-direction:column;gap:12px;padding:20px}.reference-category{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;color:#667eea;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.reference-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:16px;font-weight:700;line-height:1.5;margin:0;min-height:48px;overflow:hidden;text-overflow:ellipsis}.reference-footer{align-items:center;border-top:1px solid #667eea1a;display:flex;justify-content:space-between;padding-top:12px}.reference-link-icon{color:#667eea;font-size:13px;font-weight:600}.reference-arrow{color:#667eea;font-size:18px;transition:transform .3s ease}.reference-card:hover .reference-arrow{transform:translateX(4px)}@media (max-width:768px){.reference-favorite-button,.reference-type-badge{font-size:18px;height:36px;width:36px}.reference-content{gap:10px;padding:16px}.reference-title{font-size:15px;min-height:45px}.reference-category{font-size:11px;padding:3px 10px}.custom-thumbnail{padding:16px}.custom-thumbnail-category{font-size:11px;padding:5px 10px}.custom-thumbnail-title{font-size:16px;padding-bottom:6px}}.reference-tabs{border-bottom:2px solid #667eea1a;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:32px;overflow-x:auto;padding-bottom:0;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.reference-tabs::-webkit-scrollbar{height:6px}.reference-tabs::-webkit-scrollbar-track{background:#0000}.reference-tabs::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.reference-tabs::-webkit-scrollbar-thumb:hover{background:#667eea80}.reference-tab{align-items:center;background:#0000;border:none;border-radius:12px 12px 0 0;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.reference-tab:hover{background:#667eea0d;color:#667eea}.reference-tab.active{background:#667eea1a;color:#667eea}.reference-tab.active:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-count{align-items:center;background:#667eea;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.reference-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.search-box{max-width:500px;position:relative}.search-input{background:#fffffff2;border:2px solid #667eea33;border-radius:12px;color:#1f2937;font-family:inherit;font-size:15px;padding:14px 50px 14px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.search-input::placeholder{color:#9ca3af}.search-icon{font-size:18px;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.category-filter{background:#fffffff2;border:2px solid #667eea33;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.category-filter:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.category-filter.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.reference-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.empty-reference{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:2px dashed #667eea33;border-radius:24px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 40px;text-align:center}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.6}.empty-title{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:12px}.empty-description{color:#6b7280;font-size:15px;line-height:1.8;margin:0}@media (max-width:768px){.reference-tabs{-webkit-overflow-scrolling:touch;gap:8px;overflow-x:auto}.reference-tab{flex-shrink:0;font-size:14px;padding:12px 16px}.tab-count{font-size:11px;height:18px;min-width:18px}.reference-controls{gap:16px}.search-box{max-width:100%}.search-input{font-size:14px;padding:12px 45px 12px 16px}.search-icon{font-size:16px;right:15px}.category-filter{font-size:13px;padding:8px 16px}.reference-grid{gap:16px;grid-template-columns:1fr}.empty-reference{padding:60px 24px}.empty-icon{font-size:64px}.empty-title{font-size:20px}.empty-description{font-size:14px}}@media (min-width:769px) and (max-width:1200px){.reference-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.tutorial-container{grid-gap:24px;display:grid;gap:24px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:24px}.tutorial-card{background:#fffffff2;border:2px solid #667eea1a;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:32px;position:relative;transition:all .3s ease}.tutorial-card:hover{border-color:#667eea4d;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.tutorial-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tutorial-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;color:#667eea;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.tutorial-badge-new{background:linear-gradient(135deg,#43e97b1a,#38f9d71a);color:#43e97b}.tutorial-icon{font-size:32px}.tutorial-title{color:#1f2937;font-size:22px;font-weight:700;line-height:1.4;margin:0}.tutorial-description{color:#6b7280;flex-grow:1;font-size:15px;line-height:1.6;margin:0}.tutorial-link{align-items:center;border-top:1px solid #667eea1a;color:#667eea;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding-top:16px}.tutorial-arrow{font-size:18px;transition:transform .3s ease}.tutorial-card:hover .tutorial-arrow{transform:translateX(4px)}@media (max-width:768px){.tutorial-container{gap:16px;grid-template-columns:1fr}.tutorial-card{padding:24px}.tutorial-title{font-size:20px}.tutorial-description{font-size:14px}.tutorial-icon{font-size:28px}}.tool-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #0000000a;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.tool-card:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.tool-card:hover:before{opacity:.05}.tool-card:hover{border-color:#667eea33;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.tool-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.tool-content,.tool-icon{position:relative;z-index:1}.tool-content{flex:1 1}.tool-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 6px;transition:color .3s ease}.tool-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 8px}.tool-category{background:#667eea1a;border-radius:6px;color:#667eea;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.tool-arrow{color:#9ca3af;font-size:18px;opacity:.6;position:relative;transition:all .3s ease;z-index:1}.tool-card:hover .tool-arrow{color:#667eea;opacity:1;transform:translateX(2px)}.tool-card:hover .tool-title{color:#667eea}.job-site-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.job-site-card:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.job-site-card:hover:before{opacity:.05}.job-site-card:hover{border-color:#667eea33;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.job-site-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.job-site-category{background:#667eea1a;border-radius:6px;color:#667eea;font-size:12px;font-weight:600;padding:4px 8px;position:relative;z-index:1}.job-site-content{flex:1 1;position:relative;z-index:1}.job-site-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.job-site-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 12px}.job-site-features{display:flex;flex-wrap:wrap;gap:6px}.job-site-feature{background:#0000000d;border:1px solid #00000014;border-radius:4px;color:#374151;font-size:11px;font-weight:500;padding:3px 6px}.job-site-card:hover .job-site-title{color:#667eea}.job-site-card:hover .tool-arrow{color:#667eea;opacity:1;transform:translateX(2px)}.review-site-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.review-site-card:before{background:linear-gradient(135deg,#f59e0b,#d97706);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.review-site-card:hover:before{opacity:.05}.review-site-card:hover{border-color:#f59e0b33;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.review-site-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.review-site-card:hover .job-site-title{color:#f59e0b}.review-site-card:hover .tool-arrow{color:#f59e0b;opacity:1;transform:translateX(2px)}@media (max-width:768px){.job-site-card,.tool-card{gap:12px;padding:16px}.tool-icon{font-size:28px;height:48px;width:48px}.job-site-title,.tool-title{font-size:16px}.job-site-description,.tool-description{font-size:13px}.job-site-features{gap:4px}.job-site-feature{font-size:10px;padding:2px 5px}}.prompt-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.prompt-card:before{background:linear-gradient(135deg,#ec4899,#db2777);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.prompt-card:hover:before{opacity:.05}.prompt-card:hover{border-color:#ec489933;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.prompt-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.prompt-category{background:#ec48991a;border-radius:6px;color:#ec4899;font-size:12px;font-weight:600;padding:4px 8px;position:relative;z-index:1}.prompt-content{flex:1 1;position:relative;z-index:1}.prompt-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px;transition:color .3s ease}.prompt-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 12px}.prompt-tags{display:flex;flex-wrap:wrap;gap:6px}.prompt-tag{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:4px;color:#7c3aed;font-size:11px;font-weight:500;padding:3px 6px}.prompt-card:hover .prompt-title{color:#ec4899}.prompt-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.prompt-modal{animation:modalSlideIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.prompt-modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:12px;padding:24px 24px 20px}.prompt-modal-icon{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.prompt-modal-info{flex:1 1}.prompt-modal-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 4px}.prompt-modal-category{background:#ec48991a;border-radius:6px;color:#ec4899;display:inline-block;font-size:14px;font-weight:600;padding:4px 8px}.prompt-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.prompt-modal-close:hover{background:#0000000d;color:#374151}.prompt-modal-content{padding:20px 24px}.prompt-modal-description{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 16px}.prompt-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.prompt-modal-text h4{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 12px}.prompt-text-box{background:#00000005;border:1px solid #00000014;border-radius:12px;padding:16px}.prompt-text-box pre{word-wrap:break-word;color:#374151;font-family:inherit;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.prompt-modal-actions{border-top:1px solid #0000001a;display:flex;justify-content:center;padding:20px 24px 24px}.prompt-copy-btn{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.prompt-copy-btn:hover{box-shadow:0 8px 20px #ec48994d;transform:translateY(-2px)}.prompt-copy-btn:active{transform:translateY(0)}@media (max-width:768px){.prompt-card{gap:12px;padding:16px}.tool-icon{font-size:28px;height:48px;width:48px}.prompt-title{font-size:16px}.prompt-description{font-size:13px}.prompt-modal{margin:20px;max-height:90vh}.prompt-modal-header{padding:20px 20px 16px}.prompt-modal-content{padding:16px 20px}.prompt-modal-actions{padding:16px 20px 20px}}.favorite-item-wrapper{position:relative}.favorite-remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:32px;z-index:10}.favorite-remove-btn:hover{background:#ef4444;box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.favorite-remove-btn:active{transform:scale(.95)}.favorite-item-wrapper:hover .reference-card{transform:translateY(-2px)}@media (max-width:768px){.favorite-remove-btn{font-size:12px;height:28px;right:8px;top:8px;width:28px}}.game-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.round-selection-screen{animation:slideUp .5s ease-out;background:#fffffff2;border-radius:20px;box-shadow:0 8px 24px #0000001f;max-width:600px;padding:36px;text-align:center;width:100%}.game-title{color:#1f2937;font-size:36px;font-weight:800;margin-bottom:12px}.game-subtitle{color:#6b7280;font-size:16px;font-weight:500;margin-bottom:28px}.round-selection-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.round-selection-btn{align-items:center;background:#fff;border:3px solid #667eea33;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.round-selection-btn:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 8px 20px #667eea4d;transform:translateY(-6px)}.round-selection-btn:active{transform:translateY(-3px)}.round-number{color:#667eea;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.round-icon{font-size:40px;margin:4px 0}.round-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:2px}.round-desc{color:#6b7280;font-size:14px;font-weight:500;line-height:1.5}.game-header{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;max-width:800px;padding:16px;width:100%}.game-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.game-counter,.round-indicator,.score-display{color:#1f2937;font-size:14px;font-weight:700}.round-description{color:#6b7280;font-size:13px;font-weight:500;margin-top:6px;text-align:center}.game-title-main{color:#1f2937;font-size:32px;font-weight:800;margin-bottom:24px;text-align:center}.game-board{grid-gap:32px;align-items:center;background:#fffffff2;border-radius:20px;box-shadow:0 6px 20px #0000001a;display:grid;gap:32px;grid-template-columns:1fr auto 1fr;margin-bottom:24px;max-width:800px;padding:32px;width:100%}.player-section{align-items:center;display:flex;flex-direction:column;gap:12px}.player-avatar{margin-bottom:6px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:50%;box-shadow:0 3px 10px #0000001a;display:flex;font-size:48px;height:90px;justify-content:center;width:90px}.my-section .avatar-circle{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.opponent-section .avatar-circle{background:linear-gradient(135deg,#fa709a,#fee140)}.player-name{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:6px}.player-choice{align-items:center;display:flex;flex-direction:column;gap:8px}.choice-display{margin-top:6px}.choice-card{align-items:center;background:#fff;border:3px solid #667eea4d;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;height:140px;justify-content:center;transition:all .3s ease;width:110px}.choice-card.empty{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);color:#9ca3af;font-size:52px;font-weight:700}.choice-emoji-large{font-size:60px}.choice-name-display{color:#1f2937;font-size:15px;font-weight:700}.vs-section{align-items:center;display:flex;justify-content:center;min-width:80px}.vs-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:26px;font-weight:800}.instruction-text{background:#667eea1a;border-radius:10px;color:#1f2937;font-size:18px;font-weight:700;padding:12px;text-align:center}.choice-buttons,.instruction-text{margin-bottom:20px;max-width:800px;width:100%}.choice-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.choice-btn{align-items:center;background:#fff;border:3px solid #667eea33;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.choice-btn:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 10px 20px #667eea4d;transform:translateY(-6px)}.choice-btn:active{transform:translateY(-3px)}.choice-btn-emoji{font-size:48px}.choice-btn-text{color:#1f2937;font-size:16px;font-weight:700}.game-footer-buttons{display:flex;gap:10px;justify-content:center;max-width:800px;width:100%}.btn-exit{background:#0000000f;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-exit:hover{background:#0000001a;color:#1f2937}.btn-round-select{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-round-select:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.round-result-screen{animation:slideUp .5s ease-out;background:#fffffff2;border-radius:20px;box-shadow:0 8px 24px #0000001f;max-height:90vh;max-width:800px;overflow-y:auto;padding:36px;text-align:center;width:100%}.round-result-title{color:#1f2937;font-size:28px;font-weight:800;margin-bottom:20px}.round-info{margin-bottom:24px}.round-mode{color:#667eea;font-size:16px;font-weight:600;margin-bottom:12px}.round-score{display:flex;flex-direction:column;gap:6px}.results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.result-item{background:#fff;border:2px solid #667eea33;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.result-item.correct{background:#22c55e0d;border-color:#22c55e}.result-item.wrong{background:#ef44440d;border-color:#ef4444}.result-number{color:#6b7280;font-size:12px;font-weight:700}.result-choices{gap:10px;justify-content:center}.result-choice,.result-choices{align-items:center;display:flex}.result-choice{flex-direction:column;gap:3px}.choice-emoji{font-size:28px}.choice-label{color:#6b7280;font-size:11px;font-weight:600}.vs-small{color:#9ca3af;font-size:12px;font-weight:700}.result-status{font-size:20px;font-weight:800}.result-item.correct .result-status{color:#22c55e}.result-item.wrong .result-status{color:#ef4444}.game-end-screen{animation:slideUp .5s ease-out;background:#fffffff2;border-radius:20px;box-shadow:0 8px 24px #0000001f;max-height:90vh;max-width:500px;overflow-y:auto;padding:48px 36px;text-align:center;width:100%}.game-end-title{color:#1f2937;font-size:28px;font-weight:800;margin-bottom:12px}.performance-message{color:#667eea;font-size:18px;font-weight:600;margin-bottom:24px}.final-score{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.score-label{color:#6b7280;display:block;font-size:14px;font-weight:600}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:44px;font-weight:800}.accuracy-label{color:#1f2937;font-size:16px;font-weight:600}.all-rounds-summary{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.round-summary{align-items:center;background:#667eea0d;border:2px solid #667eea33;border-radius:10px;display:flex;justify-content:space-between;padding:12px}.round-summary-header{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.round-summary-title{color:#1f2937;font-size:14px;font-weight:700}.round-summary-mode{color:#6b7280;font-size:12px;font-weight:500}.round-summary-score{color:#667eea;font-size:16px;font-weight:700}.btn-group{display:flex;gap:10px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-secondary{background:#0000000f;color:#6b7280}.btn-secondary:hover{background:#0000001a;color:#1f2937}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.game-board{gap:28px;padding:28px}.avatar-circle{font-size:42px;height:80px;width:80px}.choice-card{height:130px;width:100px}.choice-emoji-large{font-size:52px}.game-title-main{font-size:28px}}@media (max-width:768px){.game-container{height:100vh;min-height:100vh;overflow:hidden;padding:6px}.round-selection-screen{padding:24px 16px}.game-title{font-size:24px;margin-bottom:8px}.game-subtitle{font-size:14px;margin-bottom:20px}.round-selection-btn{padding:16px 14px}.round-icon{font-size:32px}.round-title{font-size:15px}.round-desc{font-size:12px}.game-header{margin-bottom:12px;padding:12px}.game-info{flex-wrap:nowrap;gap:8px;margin-bottom:2px}.game-counter,.round-indicator,.score-display{font-size:14px}.game-title-main,.round-description{display:none}.game-board{gap:20px;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;margin-bottom:8px;padding:20px 12px}.player-name{font-size:13px;margin-bottom:4px}.player-choice{gap:6px}.choice-display{margin-top:0}.choice-card{border-width:3px;height:170px;width:130px}.choice-card.empty,.choice-emoji-large{font-size:72px}.choice-name-display{font-size:12px;margin-top:4px}.vs-text{font-size:24px}.instruction-text{font-size:14px;margin-bottom:8px;padding:8px}.choice-buttons{gap:8px;grid-template-columns:1fr;margin-bottom:8px}.choice-btn{border-width:2px;flex-direction:row;gap:16px;justify-content:flex-start;min-height:20vh;padding:14px 20px}.choice-btn-emoji{font-size:32px}.choice-btn-text{font-size:16px;font-weight:700}.game-footer-buttons{flex-direction:row;gap:8px;margin-top:auto;padding-bottom:8px}.btn-exit,.btn-round-select{font-size:12px;min-height:44px;padding:12px 16px}.btn-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.game-end-screen,.round-result-screen{padding:24px 16px}.game-end-title,.round-result-title{font-size:22px}.results-grid{gap:8px;grid-template-columns:1fr}.result-item{padding:8px}.choice-emoji{font-size:24px}.score-value{font-size:36px}.round-summary{padding:8px}}@media (max-width:480px){.game-container{padding:6px}.round-selection-screen{padding:20px 12px}.game-title{font-size:22px}.game-subtitle{font-size:13px}.round-selection-btn{padding:14px 12px}.round-icon{font-size:28px}.round-number{font-size:10px}.round-title{font-size:14px}.round-desc{font-size:11px}.game-header{margin-bottom:4px;padding:6px 10px}.game-counter,.round-indicator,.score-display{font-size:10px}.game-board{gap:16px;margin-bottom:6px;padding:16px 10px}.player-name{font-size:12px;margin-bottom:3px}.player-choice{gap:5px}.choice-card{height:150px;width:115px}.choice-card.empty,.choice-emoji-large{font-size:64px}.choice-name-display{font-size:11px;margin-top:3px}.vs-text{font-size:20px}.instruction-text{font-size:13px;margin-bottom:5px;padding:6px}.choice-buttons{gap:6px;grid-template-columns:1fr;margin-bottom:6px}.choice-btn{flex-direction:row;gap:14px;justify-content:flex-start;min-height:52px;padding:12px 18px}.choice-btn-emoji{font-size:28px}.choice-btn-text{font-size:15px;font-weight:700}.game-footer-buttons{gap:6px;margin-top:auto;padding-bottom:6px}.btn-exit,.btn-round-select{font-size:11px;min-height:40px;padding:10px 14px}.game-end-screen,.round-result-screen{padding:20px 12px}.game-end-title,.round-result-title{font-size:20px}.performance-message{font-size:14px}.score-value{font-size:32px}.accuracy-label{font-size:13px}.choice-emoji{font-size:20px}.round-summary-title{font-size:12px}.round-summary-mode{font-size:10px}.round-summary-score{font-size:13px}}@media (max-width:380px){.game-container{padding:4px}.game-header{margin-bottom:3px;padding:5px 8px}.game-board{gap:14px;margin-bottom:4px;padding:14px 8px}.player-name{font-size:11px;margin-bottom:3px}.player-choice{gap:4px}.choice-card{height:135px;width:105px}.choice-emoji-large{font-size:58px}.choice-name-display{font-size:10px;margin-top:3px}.vs-text{font-size:18px}.instruction-text{font-size:12px;margin-bottom:4px;padding:5px}.choice-buttons{gap:5px;grid-template-columns:1fr;margin-bottom:4px}.choice-btn{flex-direction:row;gap:12px;justify-content:flex-start;min-height:48px;padding:10px 16px}.choice-btn-emoji{font-size:26px}.choice-btn-text{font-size:14px;font-weight:700}.game-footer-buttons{gap:5px;margin-top:auto;padding-bottom:5px}.btn-exit,.btn-round-select{font-size:10px;min-height:38px;padding:9px 12px}}.shape-rotation-game{background:#fff;display:flex;flex-direction:column;min-height:100vh}.game-header-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 32px}.question-indicator{color:#374151;font-size:15px;font-weight:500}.timer-display{background:#eff6ff;border-radius:6px;color:#3b82f6;font-size:18px;font-weight:700;padding:6px 16px}.game-layout{margin:0 auto;max-width:1400px;padding:32px;width:100%}.game-layout,.left-panel{display:flex;flex:1 1;gap:24px}.left-panel{flex-direction:column}.shapes-row{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;gap:32px;justify-content:center;padding:32px}.shape-card,.shapes-row{align-items:center;display:flex}.shape-card{flex-direction:column;gap:12px}.shape-label{color:#6b7280;font-size:16px;font-weight:600}.shape-display-box{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;height:180px;justify-content:center;width:180px}.target-bg{background:#f0fdf4;border-color:#86efac}.shape-letter{color:#1f2937;display:inline-block;font-family:Arial Black,Arial,sans-serif;font-size:80px;font-weight:900;transition:transform .3s ease-out;-webkit-user-select:none;user-select:none}.shape-letter.target{color:#16a34a}.shape-pattern-container{align-items:center;display:flex;justify-content:center;transition:transform .3s ease-out}.arrow-svg{align-items:center;display:flex;flex-shrink:0}.control-buttons-grid{grid-gap:12px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:24px}.control-button{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.control-button:hover:not(:disabled){background:#f0fdf4;border-color:#86efac;transform:translateY(-2px)}.control-button:disabled{cursor:not-allowed;opacity:.4}.control-button .btn-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#16a34a;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;width:36px}.control-button .btn-label{color:#374151;font-size:14px;font-weight:600;text-align:left}.right-panel{display:flex;flex-direction:column;flex-shrink:0;gap:20px;width:280px}.move-history-grid{grid-gap:8px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);padding:20px}.move-card{align-items:center;aspect-ratio:1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;position:relative;transition:all .2s}.move-card.empty{background:#f3f4f6;border:2px dashed #d1d5db;cursor:default}.move-card.filled{background:#dcfce7;border:2px solid #86efac}.move-card.filled:hover{background:#fecaca;border-color:#ef4444;transform:scale(1.05)}.move-icon{color:#16a34a;font-size:24px}.move-number{color:#6b7280;font-size:11px;font-weight:700}.move-card.empty .empty-number{color:#d1d5db;font-size:18px}.stats-info{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:16px;padding:20px}.stat-item{text-align:center}.stat-label{color:#6b7280;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.stat-value{color:#1f2937;display:block;font-size:32px;font-weight:800}.stat-actions{display:flex;flex-direction:column;gap:8px}.action-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s}.action-btn:hover:not(:disabled){background:#e5e7eb}.action-btn:disabled{cursor:not-allowed;opacity:.4}.feedback-message{animation:popIn .3s ease-out;border-radius:16px;font-size:24px;font-weight:800;left:50%;padding:24px 48px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.feedback-message.correct{background:#dcfce7;border:3px solid #86efac;color:#16a34a}.feedback-message.wrong{background:#fee2e2;border:3px solid #fca5a5;color:#dc2626}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bottom-actions{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding:20px 32px}.exit-button,.submit-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .2s}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.submit-button:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.exit-button{background:#f3f4f6;color:#6b7280}.exit-button:hover{background:#e5e7eb;color:#374151}@media (max-width:1024px){.game-layout{flex-direction:column}.right-panel{width:100%}.move-history-grid{grid-template-columns:repeat(8,1fr)}.stats-info{align-items:center;flex-direction:row}.stat-actions{flex:1 1;flex-direction:row}}@media (max-width:768px){.game-layout{padding:16px}.shapes-row{flex-direction:column;padding:20px}.arrow-svg{transform:rotate(90deg)}.control-buttons-grid{grid-template-columns:1fr}.shape-display-box{height:140px;width:140px}.shape-letter{font-size:60px}}.coming-soon-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.coming-soon-content{animation:fadeInScale .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:32px;box-shadow:0 24px 48px #0000004d;max-width:600px;padding:64px 48px;text-align:center;width:100%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.icon-large{animation:bounce 2s infinite;font-size:96px;margin-bottom:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.coming-soon-title{color:#1f2937;font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.coming-soon-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;margin-bottom:32px}.coming-soon-message{margin-bottom:40px}.coming-soon-message p{color:#6b7280;font-size:16px;line-height:1.6;margin:8px 0}.game-preview{background:#667eea0d;border-radius:20px;margin-bottom:32px;padding:28px;text-align:left}.game-preview h3{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.preview-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.preview-item{background:#fff;border-radius:12px;padding:16px;text-align:center}.preview-label{color:#9ca3af;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.preview-value{color:#667eea;display:block;font-size:18px;font-weight:700}.preview-skills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preview-skill{background:#fff;border-radius:16px;color:#667eea;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.btn-back{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 6px 20px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back:hover{box-shadow:0 8px 24px #667eea80;transform:translateY(-3px)}.btn-back:active{transform:translateY(-1px)}@media (max-width:768px){.coming-soon-content{padding:48px 32px}.icon-large{font-size:72px}.coming-soon-title{font-size:36px}.coming-soon-subtitle{font-size:20px}.preview-meta{grid-template-columns:1fr}.btn-back{width:100%}}
/*# sourceMappingURL=main.e88f1348.css.map*/