@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";._footer_124vs_1{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted)}._info_124vs_13{display:flex;flex-direction:column;gap:10px}._contact_124vs_19{display:flex;flex-wrap:wrap;gap:18px}._contact_124vs_19 a{display:flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;transition:color .3s ease}._contact_124vs_19 a:hover{color:var(--primary)}._socials_124vs_38{display:flex;gap:12px}._socials_124vs_38 a{width:40px;height:40px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--text);background:var(--surface);transition:all .3s ease}._socials_124vs_38 a:hover{transform:translateY(-3px);border-color:var(--primary);color:var(--primary)}@media(max-width:768px){._footer_124vs_1{flex-direction:column;text-align:center;align-items:center}._contact_124vs_19{justify-content:center;gap:12px}._socials_124vs_38{justify-content:center}}@media(max-width:480px){._contact_124vs_19{flex-direction:column;align-items:center;gap:10px}}._header_16orz_1{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}._nav_16orz_10{width:min(1180px,calc(100% - 32px));min-height:72px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}._logo_16orz_20 img{width:44px;height:44px;display:grid;place-items:center;border-radius:100px;background:var(--accent);color:#03121f;font-weight:800}._centerLinks_16orz_31{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,28px)}._centerLinks_16orz_31 a,._authLinks_16orz_39 a{color:var(--muted);font-size:.94rem;font-weight:600;white-space:nowrap}._centerLinks_16orz_31 a:hover,._centerLinks_16orz_31 ._active_16orz_47,._authLinks_16orz_39 a:hover{color:var(--text)}._utilities_16orz_52{justify-self:end;display:flex;align-items:center;gap:10px}._themeButton_16orz_59,._menuButton_16orz_60,._profileButton_16orz_61{border:1px solid var(--border);background:var(--surface);color:var(--text);min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}._themeButton_16orz_59,._menuButton_16orz_60{width:40px}._authLinks_16orz_39{display:flex;align-items:center;gap:12px}._authLinks_16orz_39 ._signup_16orz_83{padding:10px 13px;border-radius:9px;background:var(--accent);color:#03121f}._profileWrap_16orz_90{position:relative}._profileButton_16orz_61{gap:5px;padding:4px 7px 4px 4px}._profileButton_16orz_61 span{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:var(--accent);color:#03121f;font-weight:800;overflow:hidden}._avatarImg_16orz_111{width:100%;height:100%;object-fit:cover}._profileMenu_16orz_117{position:absolute;right:0;top:calc(100% + 9px);width:230px;overflow:hidden;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);background:var(--surface-solid);padding:7px}._identity_16orz_130{padding:9px 10px 11px;border-bottom:1px solid var(--border);margin-bottom:5px;display:grid;gap:3px}._identity_16orz_130 small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}._profileMenu_16orz_117 a,._profileMenu_16orz_117 button{display:flex;width:100%;align-items:center;gap:9px;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:.9rem}._profileMenu_16orz_117 a:hover,._profileMenu_16orz_117 button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}._menuButton_16orz_60{display:none}@media(max-width:780px){._nav_16orz_10{grid-template-columns:1fr auto}._menuButton_16orz_60{display:inline-flex}._centerLinks_16orz_31{display:none;position:absolute;left:16px;right:16px;top:71px;padding:13px;flex-direction:column;align-items:stretch;border:1px solid var(--border);border-radius:10px;background:var(--surface-solid);box-shadow:var(--shadow)}._centerLinks_16orz_31._open_16orz_193{display:flex}._centerLinks_16orz_31 a{padding:9px}}@media(max-width:440px){._nav_16orz_10{width:min(100% - 20px,1180px);gap:8px}._authLinks_16orz_39 a:first-child{display:none}._utilities_16orz_52{gap:6px}}._shell_k9paj_1{min-height:100vh;position:relative;overflow-x:hidden}._background_k9paj_7{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.22),transparent 28rem),radial-gradient(circle at 80% 0%,rgba(99,102,241,.2),transparent 24rem),linear-gradient(135deg,var(--bg),var(--bg-soft));animation:_floatGlow_k9paj_1 12s ease-in-out infinite alternate}._main_k9paj_18{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}@keyframes _floatGlow_k9paj_1{0%{filter:hue-rotate(0deg);transform:scale(1)}to{filter:hue-rotate(18deg);transform:scale(1.04)}}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px}.code-window{width:min(420px,100%);border:1px solid var(--border);border-radius:12px;background:#0b1220;box-shadow:var(--shadow);overflow:hidden}.code-window-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.code-window-bar .dot{width:11px;height:11px;border-radius:50%}.dot.red{background:#fb7185}.dot.yellow{background:#fbbf24}.dot.green{background:#4ade80}.code-window-title{margin-left:8px;color:#94a3b8;font-size:.8rem;font-weight:600}.code-window-body{margin:0;padding:18px 20px 22px;overflow-x:auto;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem;line-height:1.75;white-space:pre}.cw-kw{color:#f472b6}.cw-var{color:#93c5fd}.cw-bool{color:#fbbf24}.cw-fn{color:#38bdf8}.cw-str{color:#4ade80}.cw-punc{color:#94a3b8}.cw-comment{color:#64748b;font-style:italic}.floating-badges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-badge{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);font-size:.82rem;font-weight:700;color:var(--text);animation:floatBadge 5s ease-in-out infinite}.fb-1{top:-6%;left:-6%;animation-delay:0s}.fb-2{top:8%;right:-8%;animation-delay:.8s}.fb-3{bottom:14%;left:-4%;animation-delay:1.6s}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-profile-chip{position:absolute;bottom:-14%;right:-6%;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);padding:10px 14px;max-width:240px}.hero-profile-chip img{width:42px;height:42px;border-radius:8px;object-fit:cover;background:var(--surface-solid);flex:0 0 auto}.hero-profile-chip strong{display:block;font-size:.82rem;line-height:1.3}.hero-profile-chip span{color:var(--muted);font-size:.76rem}.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:70px 0}.home-stat-card{display:flex;flex-direction:column;gap:8px;padding:20px}.home-stat-card svg{color:var(--accent)}.home-stat-card strong{font-size:1.8rem}.home-stat-card span{color:var(--muted);font-size:.86rem}.home-section{margin:90px 0}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.home-section-head p{margin-top:8px}.home-section-title{font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.15;margin:10px 0 0}.home-category-chips{margin-bottom:22px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:48px 24px;color:var(--muted)}.empty-state svg{color:var(--accent)}.note-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-top:-6px;margin-bottom:6px}.skeleton-card{pointer-events:none}.skeleton-block{border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 60%,transparent) 25%,color-mix(in srgb,var(--border) 30%,transparent) 37%,color-mix(in srgb,var(--border) 60%,transparent) 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite}.skeleton-thumb{width:100%;height:150px;border-radius:0}.skeleton-line{height:12px;margin-top:10px}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.home-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:48px;align-items:center}.home-split.reverse{grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr)}.home-split.reverse>:first-child{order:1}.home-split.reverse>:last-child{order:2}.playground-lang-chips{margin:20px 0 26px}.more-chip{border:1px dashed var(--border);background:transparent!important;color:var(--muted)!important}.ai-visual{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:40px 28px}.ai-visual svg{color:var(--accent)}.ai-visual-quote{font-size:1.1rem;font-weight:600;color:var(--text)}.ai-visual-hint{color:var(--muted);font-size:.86rem;line-height:1.6}.ai-feature-list{list-style:none;margin:20px 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}.ai-feature-list li{display:flex;align-items:center;gap:10px;color:var(--muted)}.ai-feature-list svg{color:var(--accent);flex:0 0 auto}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-card{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:30px}.step-card svg{color:var(--accent)}.step-number{position:absolute;top:14px;right:20px;font-size:1.6rem;font-weight:800;color:color-mix(in srgb,var(--muted) 40%,transparent)}.home-final-cta{text-align:center;padding:56px 32px;margin:90px 0 20px}.home-final-cta h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:12px}.home-final-cta p{max-width:560px;margin:0 auto 26px}.home-final-cta .actions{justify-content:center}@media(max-width:980px){.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-split,.home-split.reverse{grid-template-columns:1fr}.home-split.reverse>:first-child,.home-split.reverse>:last-child{order:initial}.steps-grid{grid-template-columns:1fr}.hero-profile-chip{right:4%}}@media(max-width:900px){.hero-visual{margin-top:24px;min-height:300px}}@media(max-width:620px){.home-stats{grid-template-columns:1fr 1fr}.home-section{margin:60px 0}.home-section-head{flex-direction:column;align-items:flex-start}.floating-badges{display:none}.hero-profile-chip{position:static;margin-top:16px;max-width:none}.home-final-cta{padding:40px 20px}}@media(prefers-reduced-motion:reduce){.floating-badge,.skeleton-block{animation:none}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:var(--bg);color:var(--text)}.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);padding:24px;background:var(--surface);display:flex;flex-direction:column;gap:12px}.admin-sidebar strong{font-size:1.4rem}.admin-sidebar span{color:var(--muted);overflow-wrap:anywhere;margin-bottom:auto}.admin-content{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.admin-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.admin-stats article{display:flex;flex-direction:column;gap:10px}.admin-stats span{color:var(--muted)}.admin-stats strong{font-size:2.2rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start;margin:18px 0}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:auto}.thumbnail-label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-weight:700}.thumbnail-field{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:8px;padding:10px}.thumbnail-field-preview{width:64px;height:64px;object-fit:cover;border-radius:6px;flex:0 0 auto}.thumbnail-field-empty{width:64px;height:64px;display:grid;place-items:center;text-align:center;font-size:.68rem;color:var(--muted);border:1px dashed var(--border);border-radius:6px;flex:0 0 auto}.thumbnail-field-actions{display:flex;flex-wrap:wrap;gap:8px}.thumbnail-field-actions label.btn{cursor:pointer}.upload-box{border:1px dashed var(--border);border-radius:8px;min-height:150px;display:grid;place-items:center;text-align:center;cursor:pointer}.upload-box input{display:none}.inline-link{display:inline-block;margin-top:16px;color:var(--accent);font-weight:700}.admin-list,.message-list{display:grid;gap:12px}.admin-list article{display:grid;grid-template-columns:78px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px}.admin-list img{width:78px;height:58px;object-fit:cover;border-radius:8px;background:var(--surface-solid)}.admin-list span,.message-list span{display:block;color:var(--muted);margin-top:4px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);color:var(--text);background:var(--surface)}.icon-btn.danger{color:var(--danger)}.message-list article{padding:16px;border:1px solid var(--border);border-radius:8px}.admin-sections{display:flex;flex-direction:column;gap:28px;margin-top:24px}.admin-sections .panel{margin:0}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-scroll{overflow-x:auto}.users-table,.notes-table{width:100%;min-width:780px;border-collapse:collapse}.users-table th,.users-table td,.notes-table th,.notes-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.users-table th,.notes-table th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.users-table td input{padding:8px 10px;min-width:120px}.user-avatar-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-solid)}.user-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn.small{min-height:34px;padding:0 12px;font-size:.82rem}.notes-table td input,.notes-table td select{padding:8px 10px;min-width:120px}.note-title-cell{display:flex;align-items:center;gap:10px}.note-title-cell .user-avatar-thumb{border-radius:8px;flex:0 0 auto}.note-admin-form{margin:16px 0 24px;padding:16px;border:1px solid var(--border);border-radius:8px}.note-content-field{min-height:220px;font-family:inherit}.icon-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:980px){.admin-shell,.admin-grid,.admin-stats{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}}@media(max-width:620px){.admin-heading{flex-direction:column;align-items:stretch}.admin-list article{grid-template-columns:64px 1fr}.users-table,.notes-table{min-width:640px}.admin-sections{gap:22px}}.note-reader-body{margin-top:36px}.note-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin:-6px 0 6px}.note-blocks{display:flex;flex-direction:column;gap:22px}.note-block-heading{margin:10px 0 0;line-height:1.3;scroll-margin-top:90px}.note-block-text p{margin:0 0 12px;line-height:1.75;color:var(--text)}.note-block-text p:last-child{margin-bottom:0}.note-block-list{margin:0;padding-left:24px;line-height:1.75;color:var(--text);display:flex;flex-direction:column;gap:6px}.note-block-divider{border:none;border-top:1px solid var(--border);margin:6px 0}.note-code-block{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#0b1220}.note-code-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.note-code-lang{color:#94a3b8;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.note-code-copy{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0;padding:5px 10px;border-radius:6px;font-size:.78rem;cursor:pointer}.note-code-copy:hover{background:#ffffff1a}.note-code-block pre{margin:0!important;overflow-x:auto}.note-code-plain{margin:0;padding:16px 18px;overflow-x:auto;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.7;white-space:pre}.note-output-block{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.note-output-bar{padding:9px 16px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border)}.note-output-body{margin:0;padding:16px 18px;overflow-x:auto;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.7;white-space:pre}.note-callout{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-radius:10px;border:1px solid var(--border);border-left-width:4px;background:var(--surface)}.note-callout p{margin:0;line-height:1.7;color:var(--text)}.note-callout-heading{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.86rem}.note-callout-note{border-left-color:var(--accent)}.note-callout-note .note-callout-heading{color:var(--accent)}.note-callout-important{border-left-color:#a78bfa}.note-callout-important .note-callout-heading{color:#a78bfa}.note-callout-tip{border-left-color:#4ade80}.note-callout-tip .note-callout-heading{color:#22c55e}.note-callout-warning{border-left-color:var(--danger)}.note-callout-warning .note-callout-heading{color:var(--danger)}.note-block-image{margin:0}.note-block-image img{width:100%;border-radius:10px;border:1px solid var(--border);display:block}.note-block-image figcaption{margin-top:8px;text-align:center;color:var(--muted);font-size:.84rem}.note-block-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.note-block-table{width:100%;min-width:480px;border-collapse:collapse}.note-block-table th,.note-block-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.note-block-table thead th{background:var(--surface);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.note-block-table tbody tr:last-child td{border-bottom:none}.block-editor{display:flex;flex-direction:column;gap:14px}.block-editor-section-label{display:block;font-weight:700;font-size:.9rem;margin-bottom:10px}.block-editor-empty{color:var(--muted);font-size:.9rem}.block-editor-item{border:1px solid var(--border);border-radius:10px;overflow:hidden}.block-editor-item-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.block-editor-item-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.block-editor-item-controls{display:flex;gap:4px}.block-editor-item-body{padding:14px;display:flex;flex-direction:column;gap:10px}.block-editor-item-body select,.block-editor-item-body input,.block-editor-item-body textarea{width:100%}.block-editor-row{display:grid;grid-template-columns:90px 1fr;gap:10px}.block-editor-col{display:flex;flex-direction:column;gap:10px}.block-editor-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem}.block-editor-list{display:flex;flex-direction:column;gap:8px}.block-editor-list-row{display:flex;gap:8px;align-items:center}.block-editor-list-row input{flex:1}.block-editor-image-preview{width:100%;max-height:180px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.block-editor-hint{color:var(--muted);font-size:.86rem;margin:0}.block-editor-table table{width:100%;min-width:420px;border-collapse:collapse}.block-editor-table th,.block-editor-table td{padding:6px;border-bottom:1px solid var(--border)}.block-editor-table th{display:flex;align-items:center;gap:4px}.block-editor-table th input,.block-editor-table td input{padding:8px 10px}.block-editor-table-row-actions{width:36px}.block-editor-table-actions{display:flex;gap:8px;margin-top:10px}.block-editor-toolbar{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.block-add-wrap{position:relative;align-self:flex-start}.block-add-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:4px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-solid, var(--surface));box-shadow:var(--shadow);min-width:280px}.block-add-menu button{border:none;background:transparent;color:var(--text);text-align:left;padding:8px 10px;border-radius:6px;font-size:.86rem;cursor:pointer}.block-add-menu button:hover{background:var(--surface)}.note-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.note-editor-preview{position:sticky;top:90px;border:1px solid var(--border);border-radius:10px;padding:24px;max-height:calc(100vh - 120px);overflow-y:auto}.note-editor-preview-empty{color:var(--muted);text-align:center;padding:40px 20px}@media(max-width:1100px){.note-editor-layout{grid-template-columns:1fr}.note-editor-preview{position:static;max-height:none}}@media(max-width:620px){.block-add-menu{grid-template-columns:1fr;min-width:0;left:-8px;right:-8px}.block-editor-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#04081099;display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{width:100%;background:var(--bg, var(--surface));border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;padding:20px;max-height:calc(100vh - 40px);overflow-y:auto}.bulk-import-modal{max-width:1100px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0}.bulk-import-hint{color:var(--muted);font-size:.88rem;line-height:1.6;margin:0}.bulk-import-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.bulk-import-source{display:flex;flex-direction:column;gap:10px}.bulk-import-toolbar{display:flex;gap:8px;flex-wrap:wrap}.bulk-import-toolbar label.btn{cursor:pointer}.bulk-import-textarea{width:100%;min-height:360px;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.6}.bulk-import-preview{display:flex;flex-direction:column;gap:10px;min-width:0}.bulk-import-preview-panel{max-height:460px;overflow-y:auto}.modal-actions{justify-content:flex-end}@media(max-width:900px){.bulk-import-body{grid-template-columns:1fr}.bulk-import-textarea{min-height:240px}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg: #07111f;--bg-soft: #0d1728;--surface: rgba(15, 23, 42, .82);--surface-solid: #111827;--text: #f8fafc;--muted: #94a3b8;--border: rgba(148, 163, 184, .2);--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #fb7185;--shadow: 0 24px 70px rgba(2, 6, 23, .28)}:root[data-theme=light]{color-scheme:light;--bg: #f8fafc;--bg-soft: #eef6ff;--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: 0 24px 70px rgba(15, 23, 42, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.section-header{max-width:760px;margin-bottom:34px}.section-header span,.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.section-header h1,.hero h1,.admin-heading h1{font-size:clamp(2.1rem,6vw,4.8rem);line-height:1.02;margin:10px 0 16px}.section-header p,.hero p,.panel p,.project-card p{color:var(--muted);line-height:1.75}.hero{min-height:min(680px,calc(100vh - 160px));display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);align-items:center;gap:54px;padding:20px 0}.hero h2{color:var(--muted);font-size:clamp(1.2rem,3vw,1.8rem);min-height:2.8rem}.typing{color:var(--accent);display:inline-block;margin-left:8px}.profile-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:18px;max-width:400px}.profile-card img{aspect-ratio:1;border-radius:8px;object-fit:cover;width:100%;background:var(--surface-solid)}.profile-card div{padding:18px 4px 4px;display:flex;flex-direction:column;gap:6px}.profile-card span{color:var(--muted)}.actions,.card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn,.card-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid var(--border);padding:0 18px;font-weight:700}.btn.primary{background:var(--accent);border-color:var(--accent);color:#03121f}.btn.ghost,.card-actions a{background:var(--surface);color:var(--text)}.btn.secondary{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--text)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.project-card,.timeline-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:24px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span,.badge{border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.skill-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-card{display:flex;flex-direction:column;gap:16px}.skill-row span{display:block;margin-bottom:8px;font-weight:700}.progress{height:9px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--muted) 20%,transparent)}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.project-card{position:relative;overflow:hidden;padding:0}.project-card img{height:210px;width:100%;object-fit:cover;background:var(--surface-solid)}.project-card>div{padding:22px}.project-card .badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#03121f}.timeline-card{display:flex;gap:18px}.timeline-card span{display:inline-block;margin-bottom:10px;color:var(--accent);font-weight:700}.icon{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:#03121f;background:var(--accent)}.form{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-weight:700}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:8px;color:var(--text);background:color-mix(in srgb,var(--surface-solid) 86%,transparent);padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.password-field{position:relative;display:flex}.password-field input{padding-right:44px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);display:grid;place-items:center;width:34px;height:34px;cursor:pointer;border-radius:6px}.password-toggle:hover{color:var(--text)}.avatar-upload{display:flex;align-items:center;gap:14px}.avatar-upload-preview{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--surface-solid);border:1px solid var(--border);flex:0 0 auto}.avatar-upload input{padding:10px 12px}.notice{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px 16px;color:var(--muted)}.notice.error{color:var(--danger)}.notice.success{color:#4ade80}.badge.verified{color:#4ade80;border-color:color-mix(in srgb,#4ade80 40%,var(--border))}.badge.pending{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.auth-page{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:30px 0}.auth-card{width:min(500px,100%)}.social-auth{display:grid;gap:10px;margin-top:22px}.social{width:100%;background:var(--surface-solid);color:var(--text)}.social.google{border-color:color-mix(in srgb,#4285f4 55%,var(--border))}.social.github{border-color:color-mix(in srgb,var(--text) 35%,var(--border))}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:.88rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.note-filters{display:flex;gap:12px;margin-bottom:22px;padding:14px}.note-filters select{width:190px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.note-card img{width:100%;height:150px;object-fit:cover}.note-card>div{padding:20px}.note-card h2,.note-card h3{margin:16px 0 10px}.note-card p{min-height:75px;color:var(--muted);line-height:1.6}.note-card .btn{margin-top:20px}.note-reader{max-width:900px;margin:0 auto}.note-reader h1{font-size:clamp(2.2rem,6vw,4rem);margin:12px 0}.lead{color:var(--muted);font-size:1.14rem;line-height:1.7}.markdown-content{margin-top:36px;line-height:1.8}.markdown-content p{color:var(--muted)}.code-example{margin-top:26px}.code-example pre{overflow:auto;padding:18px;background:#020617;color:#e2e8f0;border-radius:8px}.playground{padding:14px}.playground-top{display:flex;gap:14px;justify-content:space-between;align-items:center}.playground-top input{max-width:280px}.tabs{display:flex;margin-top:16px;gap:4px}.tabs button{color:var(--muted);border:0;background:transparent;padding:10px 14px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.playground-workspace{display:grid;grid-template-columns:1fr 1fr;min-height:480px;border-top:1px solid var(--border)}.editor{resize:none;border:0;border-radius:0;background:#020617;color:#dbeafe;padding:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6}.playground iframe{width:100%;border:0;background:#fff}.assistant-page{max-width:950px;margin:0 auto}.assistant-controls{display:flex;align-items:center;gap:10px}.assistant-body{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.saved-chats{border:1px solid var(--border);border-radius:12px;background:var(--surface-solid);padding:14px 10px;display:flex;flex-direction:column;gap:4px;max-height:560px;overflow-y:auto}.saved-chats strong{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;padding:0 8px 7px;color:var(--muted)}.saved-chats small{color:var(--muted);font-size:.82rem;padding:6px 8px}.saved-chats>div{display:grid;grid-template-columns:1fr 24px 24px;align-items:center;gap:2px;border-radius:6px}.saved-chats>div.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.saved-chats .chat-title{border:0;background:transparent;color:inherit;text-align:left;padding:8px;border-radius:6px;font:inherit;font-size:.87rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-chats>div button:not(.chat-title){border:0;background:transparent;display:grid;place-items:center;padding:6px;color:var(--muted)}.saved-chats>div button:hover{color:var(--accent)}.saved-chats .confirm-delete{color:#f87171!important}.saved-chats .rename-form{grid-column:1 / -1;display:flex;gap:4px;padding:4px 6px}.saved-chats .rename-form input{flex:1;min-width:0;font-size:.85rem}.saved-chats .rename-form button{border:0;background:transparent;display:grid;place-items:center;color:var(--muted)}.assistant-page.chat-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;max-width:none;margin:0;padding:16px clamp(12px,3vw,32px);background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.assistant-page.chat-fullscreen .assistant-heading{margin-bottom:12px;flex:none}.assistant-page.chat-fullscreen .assistant-body{flex:1;min-height:0}.assistant-page.chat-fullscreen .saved-chats{max-height:none}.assistant-page.chat-fullscreen .chat.panel{height:100%;display:flex;flex-direction:column}.assistant-page.chat-fullscreen .chat-messages{flex:1;height:auto;min-height:0}body.chat-fullscreen-lock{overflow:hidden}@media(max-width:720px){.assistant-body{grid-template-columns:1fr}.saved-chats{max-height:180px}}.chat-messages{height:520px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px;background:color-mix(in srgb,var(--bg-soft) 60%,var(--surface))}.message{max-width:80%;padding:13px 16px;white-space:pre-wrap;line-height:1.55;border-radius:12px}.message.user{align-self:flex-end;background:var(--accent);color:#03121f}.message.assistant{align-self:flex-start;background:var(--surface-solid);border:1px solid var(--border)}.chat-input textarea{min-height:50px;resize:vertical}.loader{display:inline-flex;gap:10px;align-items:center;color:var(--muted)}.loader span{width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 30rem),var(--bg)}.login-card{width:min(440px,100%)}@media(max-width:900px){.hero,.grid.two,.skill-grid,.project-grid,.note-grid,.playground-workspace{grid-template-columns:1fr}}@media(max-width:620px){.form-grid,.timeline-card{grid-template-columns:1fr;flex-direction:column}.section-header h1,.hero h1{font-size:2.4rem}.note-filters,.playground-top,.chat-input{flex-direction:column;align-items:stretch}.note-filters select,.playground-top input{max-width:none;width:100%}.playground-workspace{min-height:700px}}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.education-box{padding:1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff05}.education-box h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.education-box ul{padding-left:1rem;line-height:1.8}.education-box .chips{display:flex;flex-wrap:wrap;gap:.6rem}.resume-empty{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.resume-empty h2{font-size:2rem}.resume-empty p{opacity:.7;max-width:450px}.resume-page{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.resume-toolbar{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px;flex-wrap:wrap}.pdf-wrapper{width:100%;display:flex;justify-content:center}.react-pdf__Document{display:flex;flex-direction:column;align-items:center}.react-pdf__Page{margin-bottom:20px;box-shadow:0 10px 25px #0003}.react-pdf__Page canvas{width:100%!important;height:auto!important;border-radius:8px}@media(max-width:768px){.resume-page{padding:20px 10px}.resume-toolbar{flex-direction:column}}.playground-page{max-width:1380px;margin:0 auto}.profile-page{max-width:760px;margin:0 auto}.profile-card-view{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-card-view h2{margin:0 0 5px}.profile-card-view p{color:var(--muted);margin:4px 0}.profile-avatar{width:72px;height:72px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#03121f;font-size:2rem;font-weight:800}.playground-heading,.assistant-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.playground-heading h1,.assistant-heading h1{font-size:clamp(2.1rem,5vw,3.7rem);margin:8px 0 0}.play-status{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700;white-space:nowrap}.play-status.ready{color:#4ade80;border-color:color-mix(in srgb,#4ade80 40%,var(--border))}.playground-shell{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#0a1020;box-shadow:var(--shadow)}.playground-shell:fullscreen{border-radius:0;display:flex;flex-direction:column;height:100vh}.playground-shell:fullscreen .play-body{flex:1;min-height:0}.playground-shell:fullscreen .console-panel{flex:none}.playground-shell.fit-to-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;border-radius:0;display:flex;flex-direction:column;height:100vh;width:100vw}.playground-shell.fit-to-screen .play-body{flex:1;min-height:0}.playground-shell.fit-to-screen .console-panel{flex:none}body:has(.playground-shell.fit-to-screen){overflow:hidden}.play-toolbar{min-height:60px;display:grid;grid-template-columns:1fr minmax(150px,260px) 1fr;gap:12px;align-items:center;padding:9px 12px;background:#111a2d;border-bottom:1px solid rgba(148,163,184,.2)}.play-toolbar input,.play-toolbar select{min-height:38px;border:1px solid rgba(148,163,184,.25);border-radius:7px;background:#0a1020;color:#e2e8f0;padding:0 10px}.live-toggle{display:inline-flex;align-items:center;gap:5px;color:#cbd5e1;font-size:.8rem;white-space:nowrap}.live-toggle input{min-height:auto;accent-color:var(--accent)}.play-toolbar input{width:100%;text-align:center}.play-actions{display:flex;align-items:center;gap:7px}.play-actions:last-child{justify-content:flex-end}.tool-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.25);border-radius:7px;background:#172136;color:#cbd5e1}.tool-button:hover{color:var(--accent);border-color:var(--accent)}.tool-button.active{color:#03121f;background:var(--accent);border-color:var(--accent)}.play-body{display:grid;grid-template-columns:180px minmax(360px,1.1fr) minmax(300px,.9fr);min-height:560px}.file-sidebar{min-height:0;overflow:hidden;padding:16px 10px;display:flex;flex-direction:column;gap:6px;background:#111a2d;border-right:1px solid rgba(148,163,184,.2);color:#cbd5e1}.file-sidebar strong{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;padding:0 8px 7px;color:#94a3b8}.web-files,.language-list{display:flex;flex-direction:column;gap:4px}.language-list{overflow-y:auto;min-height:0;padding-right:2px}.file-sidebar button,.saved-projects button{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:9px 8px;border-radius:6px;font:inherit;font-size:.87rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-sidebar button.selected,.file-sidebar button:hover,.saved-projects button:hover{background:#38bdf821;color:#7dd3fc}.file-sidebar>span,.file-sidebar small{color:#94a3b8;font-size:.82rem;padding:6px 8px}.saved-projects{border-top:1px solid rgba(148,163,184,.2);margin-top:16px;padding-top:13px}.saved-projects>div{display:grid;grid-template-columns:1fr 28px;align-items:center}.saved-projects>div button:last-child{display:grid;place-items:center;padding:6px;color:#fda4af}.editor-panel,.preview-panel{min-width:0;display:grid;grid-template-rows:38px 1fr;background:#0b1220}.editor-panel{border-right:1px solid rgba(148,163,184,.2)}.panel-label{display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(148,163,184,.2);color:#94a3b8;font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.panel-label button{border:0;background:transparent;color:#7dd3fc;font:inherit;font-size:.72rem}.preview-panel iframe{width:100%;height:100%;border:0;background:#fff}.stdin-editor{width:100%;min-height:0;resize:none;border:0;background:#050913;color:#e2e8f0;padding:16px;font:.9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;outline:0}.unavailable{display:grid;align-content:center;justify-items:center;padding:30px;text-align:center;color:#94a3b8}.unavailable h3{color:#e2e8f0}.console-panel{min-height:130px;background:#050913;border-top:1px solid rgba(148,163,184,.2)}.console-panel>div{max-height:145px;overflow:auto;padding:8px 13px;font:.82rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.console-panel p{margin:0;color:#cbd5e1;white-space:pre-wrap}.console-panel .error{color:#fda4af}.console-panel .warn{color:#facc15}.console-panel .success{color:#86efac}.assistant-page{max-width:1000px;margin:0 auto}.assistant-heading{align-items:end}.assistant-heading p{color:var(--muted);margin:0}.chat{padding:0;overflow:hidden}.chat-messages{height:min(62vh,650px);overflow-y:auto;padding:26px;display:flex;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--bg-soft) 60%,var(--surface))}.message{max-width:min(80%,720px);display:flex;gap:10px;align-items:flex-start}.message.has-code{max-width:min(94%,760px)}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;overflow:hidden;margin-top:2px}.message.assistant .message-avatar{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.message.user .message-avatar{background:var(--accent);color:#03121f}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-body{min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px 15px;border-radius:12px;line-height:1.6}.message.assistant .message-body{background:var(--surface-solid);border:1px solid var(--border)}.message.user .message-body{background:var(--accent);color:#03121f}.message.user .message-body .inline-code{background:#03121f24;color:#03121f}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-heading{font-weight:700}.message-list{margin:0 0 8px;padding-left:20px;display:flex;flex-direction:column;gap:4px}.message-list:last-child{margin-bottom:0}.inline-code{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);padding:1px 6px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.message .note-code-block{width:100%;margin:2px 0}.message-time{font-size:.72rem;color:var(--muted);align-self:flex-end}.message.user .message-time{color:#03121f99}.chat-input{display:flex;padding:14px;gap:12px;border-top:1px solid var(--border)}.chat-input textarea{min-height:52px;resize:vertical}.thinking{display:flex;gap:5px;padding:4px}.thinking i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1s infinite alternate}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes blink{to{opacity:.25;transform:translateY(-3px)}}@media(max-width:1050px){.play-body{grid-template-columns:150px minmax(320px,1fr) minmax(270px,.8fr)}.play-toolbar{grid-template-columns:1fr 190px 1fr}}@media(max-width:820px){.playground-heading,.assistant-heading{align-items:flex-start;flex-direction:column}.play-toolbar{grid-template-columns:1fr}.play-toolbar input{text-align:left}.play-actions:last-child{justify-content:flex-start}.play-body{grid-template-columns:130px 1fr}.preview-panel{grid-column:2;min-height:360px}.file-sidebar{grid-row:span 2}.editor-panel{min-height:430px}.chat-input{flex-direction:column}.chat-input .btn{width:100%}}@media(max-width:580px){.playground-page{margin-left:-4px;margin-right:-4px}.play-body{display:flex;flex-direction:column}.file-sidebar{border-right:0;border-bottom:1px solid rgba(148,163,184,.2);flex-direction:row;flex-wrap:wrap;align-items:center}.file-sidebar strong,.saved-projects{width:100%}.saved-projects{display:none}.editor-panel,.preview-panel{min-height:350px;border-right:0}.message{max-width:96%}.chat-messages{padding:16px}}.language-dropdown{background:#18181b;color:#fff;border:1px solid #3f3f46;border-radius:8px;padding:9px 35px 9px 12px;font-size:14px;outline:none;cursor:pointer;min-width:160px}.language-dropdown:hover{border-color:#52525b}.language-dropdown:focus{border-color:#71717a}.language-dropdown option{background:#18181b;color:#fff}.profile-dark,.dark-theme .profile-light{display:none}.dark-theme .profile-dark{display:block}