@charset "UTF-8";:root{--color-bg: #f3f6fa;--color-bg-elevated: #ffffff;--color-symbol: #0072d6;--color-symbol-strong: #0059d6;--color-symbol-soft: #00abd6;--symbol-gradient: linear-gradient(135deg, var(--color-symbol-strong), var(--color-symbol-soft));--color-border-subtle: #c8dbe6;--color-text-main: #0f172a;--color-text-muted: #6b7280;--color-accent-fill-ghost: rgba(0, 110, 220, .05);--shadow-soft: 0 18px 45px rgba(15, 23, 42, .12);--symbol-shadow: 0 12px 14px #b2d6002b;--transition-fast: .15s ease-out;--transition-med: .22s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,sans-serif;color:var(--color-text-main);background:var(--gradient-body-radial-tl),var(--gradient-body-radial-br),#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}.button-ghost,.button-primary,.button-danger{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:999px;padding:.62rem .95rem;font-size:.86rem;font-weight:850;letter-spacing:-.02em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.button-ghost{color:var(--color-symbol-strong);background:#0072d614;box-shadow:inset 0 0 0 1px #0072d61f}.button-primary{color:#fff;background:var(--symbol-gradient);box-shadow:0 14px 28px #0059d63d}.button-danger{color:#b91c1c;background:#b91c1c14}.button-ghost:hover:not(:disabled){transform:translateY(-1px);color:#fff;background:var(--symbol-gradient);box-shadow:0 10px 22px #0059d62e}.button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 34px #0059d652}.button-danger:hover:not(:disabled){transform:translateY(-1px);color:#991b1b;background:#b91c1c1f}.button-ghost:active:not(:disabled),.button-primary:active:not(:disabled),.button-danger:active:not(:disabled){transform:translateY(0) scale(.98)}.button-ghost:disabled,.button-primary:disabled,.button-danger:disabled{cursor:default;opacity:.42;box-shadow:none}.topbar__menu-button{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:1px solid var(--color-border-subtle);border-radius:14px;background:#fff;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.topbar__menu-button:hover{transform:translateY(-1px);border-color:#0072d657;box-shadow:0 10px 24px #0f172a1a}.topbar__menu-button span,.topbar__menu-button span:before,.topbar__menu-button span:after{display:block;width:18px;height:2px;border-radius:999px;background:var(--color-symbol-strong)}.topbar__menu-button span{position:relative}.topbar__menu-button span:before,.topbar__menu-button span:after{content:"";position:absolute;left:0}.topbar__menu-button span:before{top:-6px}.topbar__menu-button span:after{top:6px}.article-add-fab{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:45;display:flex;justify-content:flex-end;filter:drop-shadow(0 18px 34px rgba(0,89,214,.2))}.article-add-fab--expanded{width:min(430px,100vw - 2rem)}.article-add-button{display:grid;width:64px;height:64px;place-items:center;border:0;border-radius:999px;color:#fff;background:var(--symbol-gradient);box-shadow:0 18px 34px #0059d647;cursor:pointer;transition:transform var(--transition-med),box-shadow var(--transition-med),filter var(--transition-med)}.article-add-button:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 24px 42px #0059d657}.article-add-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}.article-add-button:disabled{cursor:wait;filter:saturate(.8);opacity:.78}.article-add-button span{line-height:1;font-size:2.25rem;font-weight:300;transform:translateY(-2px)}.article-add-fab__form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;width:100%;min-height:64px;border:1px solid rgba(0,114,214,.2);border-radius:999px;padding:.45rem .5rem .45rem 1rem;background:#fffffff0;box-shadow:0 22px 50px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:article-add-expand var(--transition-med)}.article-add-fab__form input{min-width:0;border:0;outline:0;color:var(--color-text-main);background:transparent;font:inherit;font-weight:700}.article-add-fab__form input::placeholder{color:var(--color-text-muted)}.article-add-fab__submit{border:0;border-radius:999px;padding:.72rem 1rem;color:#fff;background:var(--symbol-gradient);font-weight:900;cursor:pointer}.article-add-fab__close{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:999px;color:var(--color-text-muted);background:#0f172a0f;font-size:1.3rem;cursor:pointer}.article-add-fab__submit:disabled,.article-add-fab__close:disabled,.article-add-fab__form input:disabled{cursor:wait;opacity:.72}@keyframes article-add-expand{0%{max-width:64px;opacity:.72;transform:translate(16px)}to{max-width:430px;opacity:1;transform:translate(0)}}.article-editor__toolbar .button-ghost{min-height:34px;padding:.48rem .72rem;font-size:.8rem}.article-editor__toolbar .button-ghost:hover:not(:disabled){transform:translateY(-1px)}.article-editor__toolbar button:disabled{display:none}.article-editor__actions .button-ghost{color:var(--color-text-muted);background:#0f172a0f;box-shadow:none}.article-editor__actions .button-ghost:hover:not(:disabled){color:var(--color-text-main);background:#0f172a1a;box-shadow:none}.article-editor__actions:has(button:disabled){display:none}.article-page-actions{position:fixed;top:82px;right:clamp(1rem,3vw,2rem);z-index:60;display:inline-flex;align-items:center;gap:.5rem;width:auto;margin:0;padding:.35rem;border:1px solid rgba(200,219,230,.72);border-radius:999px;background:#ffffffd1;box-shadow:0 14px 34px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.article-page-actions .button-ghost{color:#fff;background:var(--symbol-gradient);box-shadow:0 10px 22px #0059d638}.article-page-actions .button-danger{color:#b91c1c;background:#b91c1c14}@media(max-width:720px){.article-page-actions{top:auto;right:1rem;bottom:1rem}}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:radial-gradient(circle at 8% 6%,rgba(0,171,214,.15),transparent 30%),linear-gradient(180deg,#f3f6faf5,#fff 48%)}.topbar{position:relative;flex-shrink:0;z-index:50;display:flex;align-items:center;gap:1rem;height:68px;padding:0 1.4rem;border-bottom:1px solid rgba(200,219,230,.72);background:#ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 28px #0f172a0f}.topbar>a{min-width:0}.topbar__logo{display:flex;align-items:center;gap:.8rem;min-width:0}.topbar__logo-symbol{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:15px;background:var(--symbol-gradient);box-shadow:0 12px 26px #0059d638}.topbar__logo-symbol img{width:100%;height:100%;object-fit:cover}.topbar__logo-text{display:grid;gap:.1rem}.topbar__logo-text-main{color:var(--color-text-main);font-size:1.05rem;font-weight:900;letter-spacing:-.04em}.topbar__logo-text-sub{color:var(--color-text-muted);font-size:.78rem;font-weight:700}.topbar__actions{display:flex;align-items:center;justify-content:flex-end;margin-left:auto}.topbar__badge{border:1px solid rgba(0,114,214,.18);border-radius:999px;padding:.48rem .75rem;color:var(--color-symbol-strong);background:var(--color-accent-fill-ghost);font-size:.82rem;font-weight:800}.app-shell{display:grid;grid-template-columns:var(--sidebar-width, 248px) minmax(0,1fr);flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;justify-content:space-between;width:var(--sidebar-width, 248px);height:100%;overflow-y:auto;padding:1.2rem;border-right:1px solid rgba(200,219,230,.72);background:linear-gradient(180deg,#ffffffeb,#f7fbffeb),#fff;transition:width var(--transition-med),padding var(--transition-med),transform var(--transition-med)}.sidebar__section-label{margin:0 0 .75rem .35rem;color:var(--color-text-muted);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sidebar__nav{display:grid;gap:.35rem}.sidebar__profile{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.75rem;align-items:center;margin-bottom:.75rem;border:1px solid rgba(0,114,214,.14);border-radius:18px;padding:.7rem;background:radial-gradient(circle at top right,rgba(0,171,214,.16),transparent 44%),#ffffffc2}.sidebar__profile img,.sidebar__profile-avatar{width:40px;height:40px;border-radius:999px}.sidebar__profile img{object-fit:cover}.sidebar__profile-avatar{display:grid;place-items:center;color:#fff;background:var(--symbol-gradient);font-weight:900}.sidebar__profile-text{min-width:0;display:grid;gap:.1rem}.sidebar__profile-text strong,.sidebar__profile-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__profile-text strong{color:var(--color-text-main);font-size:.92rem}.sidebar__profile-text span{color:var(--color-text-muted);font-size:.74rem;font-weight:700}.sidebar__profile-logout{grid-column:1/-1;border:0;border-radius:999px;padding:.5rem .7rem;color:var(--color-symbol-strong);background:#0072d614;font-size:.78rem;font-weight:900;cursor:pointer}.sidebar__link{display:flex;align-items:center;gap:.75rem;min-height:46px;border:1px solid transparent;border-radius:16px;padding:.55rem .7rem;color:var(--color-text-muted);font-weight:800;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.sidebar__link:hover{transform:translate(2px);color:var(--color-symbol-strong);background:#0072d60f}.sidebar__link--active{color:var(--color-symbol-strong);border-color:#0072d62e;background:linear-gradient(135deg,#0072d61f,#00abd61a),#fff;box-shadow:0 12px 24px #0059d61a}.sidebar__link-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:11px;color:#fff;background:var(--symbol-gradient);font-size:.72rem;font-weight:900;box-shadow:0 8px 18px #0059d633}.sidebar__link-label{white-space:nowrap}.sidebar__footer{border:1px solid rgba(0,114,214,.14);border-radius:20px;padding:1rem;background:radial-gradient(circle at top right,rgba(0,171,214,.18),transparent 44%),#ffffffb8}.sidebar__footer-kicker{color:var(--color-symbol-strong);font-size:.75rem;font-weight:900;letter-spacing:.08em}.sidebar__footer p{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.86rem;line-height:1.5}.sidebar--collapsed{width:86px;padding-inline:.8rem}.sidebar--collapsed .sidebar__section-label,.sidebar--collapsed .sidebar__link-label,.sidebar--collapsed .sidebar__profile-text,.sidebar--collapsed .sidebar__profile-logout,.sidebar--collapsed .sidebar__footer{display:none}.sidebar--collapsed .sidebar__profile{display:flex;justify-content:center;padding:.45rem}.sidebar--collapsed .sidebar__link{justify-content:center;padding-inline:.45rem}.main-content{position:relative;z-index:1;width:100%;max-width:1280px;min-width:0;height:100%;margin:0 auto;padding:clamp(1rem,3vw,2rem);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.sidebar-overlay{display:none;position:fixed;inset:68px 0 0;z-index:35;border:0;background:#0f172a5c}.sidebar-overlay--show{display:block}@media(max-width:720px){.app-shell{display:block}.main-content{height:100%}.topbar__badge{display:none}}@media(max-width:520px){.topbar__logo-text-sub{display:none}}.home-page{display:grid;gap:1.5rem}.home-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1.25rem;align-items:stretch}.home-hero__content,.home-hero__panel,.home-section{border:1px solid var(--color-border-subtle);background:#ffffffe0;box-shadow:var(--shadow-soft)}.home-hero__content{border-radius:30px;padding:clamp(2rem,5vw,4rem);background:radial-gradient(circle at top right,rgba(0,171,214,.16),transparent 38%),linear-gradient(135deg,#fff,#f4f9ff)}.home-hero__eyebrow,.home-section__eyebrow,.home-feature-card__label{margin:0;color:var(--color-symbol-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-hero__title{max-width:760px;margin:.65rem 0 0;color:var(--color-text-main);font-size:clamp(2.1rem,6vw,4.6rem);line-height:1.04;letter-spacing:-.06em}.home-hero__description{max-width:680px;margin:1.1rem 0 0;color:var(--color-text-muted);font-size:1.08rem;line-height:1.75}.home-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.home-hero__panel{display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;border-radius:30px;padding:1.5rem;color:#fff;background:linear-gradient(160deg,#0059d6eb,#00abd6d1),var(--symbol-gradient);overflow:hidden;position:relative}.home-hero__panel:before{content:"";position:absolute;width:190px;height:190px;top:-52px;right:-52px;border-radius:999px;background:#ffffff2e}.home-hero__panel strong{position:relative;font-size:1.6rem;letter-spacing:-.04em}.home-hero__panel p{position:relative;margin:.55rem 0 0;color:#ffffffd6;line-height:1.65}.home-hero__badge{position:relative;width:fit-content;margin-bottom:auto;padding:.42rem .7rem;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#ffffff24;font-size:.82rem;font-weight:800}.home-section{border-radius:26px;padding:clamp(1.4rem,3vw,2rem)}.home-section__header{margin-bottom:1rem}.home-section h2{margin:.35rem 0 0;color:var(--color-text-main);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.04em}.home-section p{margin:.65rem 0 0;color:var(--color-text-muted);line-height:1.7}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-feature-card{display:flex;min-height:210px;flex-direction:column;justify-content:flex-end;border:1px solid var(--color-border-subtle);border-radius:22px;padding:1.2rem;background:linear-gradient(180deg,#0072d60a,#0072d61a),#fff;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med)}.home-feature-card:hover{transform:translateY(-4px);border-color:#0072d659;box-shadow:0 18px 36px #0f172a1f}.home-feature-card h3{margin:.6rem 0 0;color:var(--color-text-main);font-size:1.22rem}.home-feature-card p{margin-top:.55rem}.home-section--highlight{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:radial-gradient(circle at top left,rgba(0,171,214,.14),transparent 34%),#fff}.home-section--highlight>div{max-width:760px}@media(max-width:900px){.home-hero,.home-feature-grid{grid-template-columns:minmax(0,1fr)}.home-hero__panel{min-height:240px}.home-section--highlight{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.home-hero__content,.home-hero__panel,.home-section{border-radius:20px}.home-hero__actions{flex-direction:column}}.page-kicker{margin:0 0 .45rem;color:var(--color-symbol-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page--article-list{display:grid;gap:1.25rem}.article-list-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--color-border-subtle);border-radius:28px;padding:clamp(1.5rem,4vw,2.5rem);background:radial-gradient(circle at top right,rgba(0,171,214,.16),transparent 36%),#fff;box-shadow:var(--shadow-soft)}.article-list-hero__actions{display:flex;flex:0 0 auto}.page-toolbar{position:sticky;top:.35rem;z-index:12;display:flex;align-items:center;gap:.75rem;border:1px solid rgba(0,114,214,.14);border-radius:22px;padding:.65rem;background:linear-gradient(135deg,#fffffff5,#f7fbfff5),#fff;box-shadow:0 14px 34px #0f172a14,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-input{display:flex;flex:1;align-items:center;gap:.7rem;min-width:0;border:1px solid var(--color-border-subtle);border-radius:999px;padding:.45rem .95rem .45rem .8rem;background:#ffffffeb;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.search-input:focus-within{border-color:#0072d66b;background:#fff;box-shadow:0 0 0 4px #0072d614}.search-input__icon{position:relative;flex:0 0 18px;width:18px;height:18px;color:var(--color-symbol-strong);opacity:.82}.search-input__icon:before{content:"";position:absolute;inset:0;border:2px solid currentColor;border-radius:50%}.search-input__icon:after{content:"";position:absolute;right:-1px;bottom:-2px;width:2px;height:7px;border-radius:999px;background:currentColor;transform:rotate(-45deg);transform-origin:bottom center}.search-input__field{width:100%;min-width:0;border:0;padding:.35rem 0;color:var(--color-text-main);background:transparent;font:inherit;font-size:.96rem;font-weight:600;letter-spacing:-.02em;outline:0}.search-input__field::placeholder{color:var(--color-text-muted);font-weight:500}.search-input__field::-webkit-search-cancel-button{-webkit-appearance:none}.page-toolbar__submit{flex:0 0 auto;min-width:5.5rem;padding-inline:1.15rem}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.article-card-link{display:block;height:100%}.article-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:22px;background:#fff;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-med)}.article-card:hover{transform:translateY(-4px);border-color:#0072d659;box-shadow:0 18px 36px #0f172a1f}.article-card__image-wrapper{aspect-ratio:16/9;overflow:hidden;background:var(--color-accent-fill-ghost)}.article-card__image{width:100%;height:100%;object-fit:cover}.article-card__image--placeholder{display:grid;place-items:center;color:var(--color-symbol-strong);font-weight:900;letter-spacing:.08em;background:radial-gradient(circle at top left,rgba(0,171,214,.18),transparent 38%),#f7fbff}.article-card__body{display:flex;flex:1;flex-direction:column;padding:1rem}.article-card__date{margin:0;color:var(--color-symbol-strong);font-size:.8rem;font-weight:700}.article-card__title{margin:.45rem 0 0;color:var(--color-text-main);font-size:1.15rem;line-height:1.35}.article-card__excerpt{display:-webkit-box;overflow:hidden;margin:.55rem 0 0;color:var(--color-text-muted);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.article-card__meta{display:flex;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:1rem;color:var(--color-text-muted);font-size:.86rem}.article-card__visibility{color:var(--color-symbol-strong);font-weight:700}.page--article-detail{display:grid;gap:1.25rem}.article-detail__actions{display:flex;gap:.5rem}.article-detail-container{display:flex;justify-content:center}.article-detail{width:min(100%,860px);background:transparent;overflow:hidden}.article-detail__cover{width:100%;max-height:460px;object-fit:cover;display:block}.article-detail__body{padding:clamp(1.25rem,4vw,2.4rem);color:var(--color-text-main);font-size:1.05rem;line-height:1.85}.article-detail__body :where(h1,h2,h3){margin:1.4em 0 .45em;line-height:1.25;letter-spacing:-.04em}.article-detail__body :where(p,ul,ol,blockquote){margin:.85em 0}.article-detail__body img{width:100%;border-radius:18px;margin:1rem 0}.article-editor{width:min(920px,100vw - 24px);background:transparent}.article-editor--inline{max-height:none}.article-editor--modal{max-height:calc(100vh - 24px);position:fixed;inset:50%;z-index:70;transform:translate(-50%,-50%)}.article-editor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.article-editor__fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;margin-top:1.25rem}.article-editor__fields label{display:grid;gap:.25rem;color:var(--color-text-muted);font-size:.78rem;font-weight:700}.article-editor__fields label span{transition:opacity var(--transition-fast)}.article-editor__fields :where(input,select){width:100%;border:0;border-radius:0;padding:0;color:var(--color-text-main);background:transparent;font:inherit}.article-editor__fields :where(input,select):disabled{opacity:1;color:var(--color-text-main);-webkit-text-fill-color:var(--color-text-main);cursor:default}.article-editor__title-field{grid-column:1/-1}.article-editor__title-field span{display:none}.article-editor__title-field input{border:0;border-radius:0;padding:.15rem 0;color:var(--color-text-main);font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.1;letter-spacing:-.06em}.article-editor__title-field input:focus{outline:0}.article-editor__fields label:not(.article-editor__title-field):has(:disabled) span{display:none}.article-editor__fields label:not(.article-editor__title-field):has(:disabled){display:inline-flex;align-items:center;color:var(--color-text-muted);font-size:.95rem}.article-editor__fields label:not(.article-editor__title-field):has(:disabled)+label:not(.article-editor__title-field):has(:disabled):before{content:"·";margin-right:1rem;color:var(--color-text-muted)}.article-editor__fields label:not(.article-editor__title-field):has(:disabled) input,.article-editor__fields label:not(.article-editor__title-field):has(:disabled) select{width:auto;appearance:none;color:var(--color-text-muted);font-size:.95rem;font-weight:600}.article-editor__fields label:not(.article-editor__title-field):has(:not(:disabled)){border:1px solid var(--color-border-subtle);border-radius:14px;padding:.65rem .8rem;background:transparent}.article-editor__file{display:none}.tiptap-editor{min-height:420px;border:0;background:transparent;overflow:visible}.tiptap-editor__content{min-height:420px;padding:0;outline:none;color:var(--color-text-main);font-size:1.05rem;line-height:1.85}.tiptap-editor__content[contenteditable=false]{cursor:default}.tiptap-editor__content p:first-child{margin-top:0}.tiptap-editor__content :where(h1,h2,h3){margin:1.4em 0 .45em;line-height:1.25;letter-spacing:-.04em}.tiptap-editor__content :where(p,ul,ol,blockquote){margin:.85em 0}.tiptap-editor__content img{max-width:100%;height:auto;border-radius:14px;margin:1rem 0}.tiptap-editor__content img:not([style*=width]):not([width]){width:100%}.tiptap-editor__content [data-resize-container]{display:block;max-width:100%;margin:1rem 0}.tiptap-editor__content [data-resize-container] img{display:block;width:auto;max-width:100%;margin:0}.article-editor__body{margin-top:1.4rem;background:transparent}.article-editor__error{color:#b91c1c;font-weight:700}.article-editor__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem}.danger-section{display:flex;justify-content:flex-end}.divider{width:100%;border:0;border-top:1px solid var(--color-border-subtle)}@media(max-width:760px){.page-toolbar{flex-direction:column;align-items:stretch;padding:.75rem}.page-toolbar__submit{width:100%;min-width:0}.article-list-hero{align-items:flex-start;flex-direction:column}.article-editor__fields{grid-template-columns:minmax(0,1fr)}.article-editor__header,.article-editor__actions{align-items:flex-start;flex-direction:column}}.editor-toolbar-shell{position:sticky;top:0;z-index:100;margin-top:1rem;padding-top:.75rem;padding-bottom:.25rem;background:transparent}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#2f343b,#24282e);box-shadow:0 10px 28px #0f172a2e,inset 0 1px #ffffff0d}.editor-toolbar__group{display:inline-flex;align-items:center;gap:.2rem}.editor-toolbar__divider{width:1px;height:1.35rem;margin:0 .15rem;background:#ffffff1f}.editor-toolbar__button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border:0;border-radius:10px;padding:0 .45rem;color:#e8edf3;background:transparent;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.editor-toolbar__button:hover{background:#ffffff14;transform:translateY(-1px)}.editor-toolbar__button--active{color:#fff;background:#ffffff24}.tiptap-editor__content [data-resize-wrapper]{line-height:0}.tiptap-editor__content [data-resize-handle]{width:12px;height:12px;border:2px solid #ffffff;border-radius:999px;background:var(--color-symbol-strong);box-shadow:0 4px 12px #0f172a38;opacity:0;transition:opacity .18s ease}.tiptap-editor__content [data-resize-container]:hover [data-resize-handle],.tiptap-editor__content [data-resize-container][data-resize-state=true] [data-resize-handle],.tiptap-editor__content .ProseMirror-selectednode [data-resize-handle]{opacity:1}.tiptap-editor__content [data-resize-handle=top-left]{cursor:nwse-resize;transform:translate(-50%,-50%)}.tiptap-editor__content [data-resize-handle=top-right]{cursor:nesw-resize;transform:translate(50%,-50%)}.tiptap-editor__content [data-resize-handle=bottom-left]{cursor:nesw-resize;transform:translate(-50%,50%)}.tiptap-editor__content [data-resize-handle=bottom-right]{cursor:nwse-resize;transform:translate(50%,50%)}.tiptap-editor__content .ProseMirror-selectednode [data-resize-container]{outline:2px solid rgba(0,114,214,.45);outline-offset:3px;border-radius:14px}@media(max-width:760px){.editor-toolbar__button{min-width:1.85rem;min-height:1.85rem;font-size:.76rem}}.auth-page{display:grid;min-height:calc(100vh - 120px);place-items:center;padding:clamp(1rem,4vw,2rem)}.auth-card{width:min(100%,460px);border:1px solid var(--color-border-subtle);border-radius:30px;padding:clamp(1.4rem,4vw,2rem);background:radial-gradient(circle at top right,rgba(0,171,214,.16),transparent 38%),#ffffffe6;box-shadow:var(--shadow-soft)}.auth-card--center{text-align:center}.auth-card__eyebrow{margin:0;color:var(--color-symbol-strong);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.auth-card__intro h1{margin:.55rem 0 0;color:var(--color-text-main);font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.06em}.auth-card__intro p{margin:.8rem 0 0;color:var(--color-text-muted);line-height:1.65}.auth-form{display:grid;gap:.9rem;margin-top:1.45rem}.auth-form label{display:grid;gap:.38rem;color:var(--color-text-muted);font-size:.84rem;font-weight:800}.auth-form input{width:100%;border:1px solid var(--color-border-subtle);border-radius:16px;padding:.9rem 1rem;color:var(--color-text-main);background:#ffffffeb;font:inherit;outline:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.auth-form input:focus{border-color:#0072d66b;background:#fff;box-shadow:0 0 0 4px #0072d614}.auth-form__error{margin:0;border-radius:14px;padding:.75rem .85rem;color:#b91c1c;background:#b91c1c14;font-size:.88rem;font-weight:800}.auth-form__submit{width:100%;margin-top:.25rem}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0;color:var(--color-text-muted);font-size:.8rem;font-weight:800}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--color-border-subtle)}.auth-google-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:44px;border:1px solid var(--color-border-subtle);border-radius:999px;padding:.75rem 1rem;color:var(--color-text-main);background:#ffffffeb;font:inherit;font-weight:900;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.auth-google-button:hover:not(:disabled){transform:translateY(-1px);border-color:#0072d647;background:#fff;box-shadow:0 12px 28px #0f172a1a}.auth-google-button:disabled{cursor:default;opacity:.62}.auth-google-button__mark{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;color:#fff;background:var(--symbol-gradient);font-size:.82rem;font-weight:900}.auth-card__switch{margin:1rem 0 0;color:var(--color-text-muted);text-align:center;font-size:.92rem}.auth-card__switch a{color:var(--color-symbol-strong);font-weight:900}.auth-card__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.user-profile-page{display:grid;gap:1.25rem}.user-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,4vw,2rem);align-items:center;border:1px solid var(--color-border-subtle);border-radius:30px;padding:clamp(1.25rem,4vw,2.25rem);background:radial-gradient(circle at top right,rgba(0,171,214,.16),transparent 38%),#fff;box-shadow:var(--shadow-soft)}.user-profile-hero__avatar{position:relative;display:grid;gap:.75rem;justify-items:center}.user-profile-hero__avatar img,.user-profile-hero__avatar span{display:grid;width:clamp(92px,16vw,132px);height:clamp(92px,16vw,132px);place-items:center;overflow:hidden;border:4px solid #ffffff;border-radius:999px;color:#fff;background:var(--symbol-gradient);box-shadow:0 18px 36px #0f172a24;font-size:2.4rem;font-weight:900;object-fit:cover}.user-profile-hero__image-button{border:1px solid var(--color-border-subtle);border-radius:999px;padding:.55rem .8rem;color:var(--color-symbol-strong);background:#ffffffe6;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.user-profile-hero__image-button:hover{transform:translateY(-1px);border-color:#0072d64d;box-shadow:0 10px 22px #0f172a1a}.user-profile-hero__file{display:none}.user-profile-hero__content h1{margin:0;color:var(--color-text-main);font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.06em}.user-profile-hero__content p{margin:.9rem 0 0;color:var(--color-text-muted);line-height:1.7}.user-profile-hero__stats{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.user-profile-hero__stats span{border:1px solid rgba(0,114,214,.12);border-radius:999px;padding:.4rem .7rem;color:var(--color-symbol-strong);background:#0072d60f;font-size:.84rem;font-weight:900}.user-profile-hero textarea{width:100%;min-height:98px;margin-top:1rem;border:1px solid var(--color-border-subtle);border-radius:18px;padding:.9rem 1rem;resize:vertical;color:var(--color-text-main);background:#ffffffeb;font:inherit;line-height:1.6;outline:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.user-profile-hero textarea:focus{border-color:#0072d66b;background:#fff;box-shadow:0 0 0 4px #0072d614}.user-profile-hero .button-primary{margin-top:.8rem}.user-profile-hero__error{border-radius:14px;padding:.75rem .85rem;color:#b91c1c!important;background:#b91c1c14;font-size:.88rem;font-weight:800}@media(max-width:720px){.user-profile-hero{grid-template-columns:1fr;text-align:center}.user-profile-hero__stats{justify-content:center}}@media(max-width:900px){.layout-two-columns{grid-template-columns:minmax(0,1fr)}.page-header{flex-direction:column;align-items:flex-start}.main-content{padding-inline:1.1rem}}@media(max-width:720px){.sidebar{display:flex;position:fixed;top:68px;left:0;height:calc(100vh - 68px);z-index:40;width:min(var(--sidebar-width),86vw);transform:translate(-105%);transition:transform var(--transition-med);box-shadow:0 24px 60px #0f172a38}.sidebar.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed{width:min(var(--sidebar-width),86vw);padding-inline:1.25rem}.sidebar--collapsed .sidebar__link{justify-content:flex-start;padding-inline:.75rem}.sidebar--collapsed .sidebar__link-label{display:inline}.main-content{max-width:100%;height:100%;overflow-y:auto}.section-card{border-radius:18px}.note-form__fields{grid-template-columns:minmax(0,1fr)}.composer-panel{right:10px;left:10px;width:auto;bottom:10px;max-height:calc(100vh - 20px);border-radius:22px}}@media(max-width:520px){.topbar{padding-inline:1rem}.page-title{font-size:1.35rem}.section-card{padding-inline:1rem}}