:root{color-scheme:dark;--muk-bg: #07090b;--muk-bg-app: #0c0f12;--muk-bg-deep: #08090b;--muk-panel: #13171c;--muk-panel-2: #1c2229;--muk-panel-3: #202833;--muk-text: #e6e1d8;--muk-text-soft: #c8c1b5;--muk-muted: #aaa69f;--muk-faint: #77736c;--muk-border: #262e36;--muk-border-strong: #36414b;--muk-accent: #88a6bd;--muk-accent-strong: #9ab8cc;--muk-jade: #8faea3;--muk-seal: #c26558;--muk-accent-wash: rgba(136, 166, 189, .14);--muk-jade-wash: rgba(143, 174, 163, .14);--muk-seal-wash: rgba(194, 101, 88, .18);--muk-paper-wash: rgba(230, 225, 216, .07);--muk-shadow-panel: 0 18px 52px rgba(0, 0, 0, .28);--muk-shadow-float: 0 26px 70px rgba(0, 0, 0, .42);--muk-radius-sm: 12px;--muk-radius-md: 18px;--muk-radius-lg: 24px;--muk-radius-xl: 30px;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--font-ui: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);color:var(--muk-text);background:radial-gradient(circle at 12% 0%,rgba(194,101,88,.14),transparent 28%),radial-gradient(circle at 92% 2%,rgba(136,166,189,.13),transparent 32%),linear-gradient(180deg,#050607,#0b0d10);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input,textarea{font:inherit}button{color:inherit}[hidden]{display:none!important}#app{height:100%;display:flex;flex-direction:column;background:var(--muk-bg)}.screen{position:relative;isolation:isolate;height:100dvh;min-height:100%;overflow-y:auto;display:flex;flex-direction:column;color:var(--muk-text);background:radial-gradient(circle at 92% 0%,rgba(136,166,189,.11),transparent 30%),linear-gradient(180deg,var(--muk-bg-app) 0%,#0a0c0e 62%,var(--muk-bg-deep) 100%);scrollbar-width:none;overscroll-behavior-y:contain}.screen::-webkit-scrollbar{display:none}.screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.1;background-image:linear-gradient(rgba(230,225,216,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(230,225,216,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent)}.mobile-top-chrome,.mobile-bottom-chrome{flex:none;position:sticky;z-index:20;will-change:transform,opacity;transition:transform .26s var(--ease-out-quint),opacity .22s var(--ease-out-quint),filter .22s var(--ease-out-quint)}.mobile-top-chrome{top:0;padding:max(12px,env(safe-area-inset-top)) 22px 16px;background:linear-gradient(180deg,#0c0f12fa,#0c0f12e0 78%,#0c0f1200);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-chrome{bottom:0;min-height:58px;margin:auto 22px calc(14px + env(safe-area-inset-bottom));padding:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 52px;gap:6px;align-items:center;border:1px solid rgba(230,225,216,.11);border-radius:24px;background:#13171ce6;box-shadow:var(--muk-shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.screen.chrome-hidden .mobile-top-chrome{transform:translateY(calc(-100% - 14px));opacity:.05;pointer-events:none;filter:blur(2px)}.screen.chrome-hidden .mobile-bottom-chrome{transform:translateY(calc(100% + 26px)) scale(.985);opacity:0;pointer-events:none}.screen-content{flex:1 0 auto;padding:0 22px 18px}.screen-titlebar,.reader-head{min-height:42px;display:flex;align-items:center;gap:11px}.screen-titlebar h1,.reader-title,.login h1,.pair h1{margin:0;font-size:22px;line-height:1.08;letter-spacing:-.055em;font-weight:820}.screen-kicker{margin:0 0 2px;color:var(--muk-accent-strong);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.brand-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--muk-bg-app);background:var(--muk-text);font-size:14px;font-weight:900;letter-spacing:-.06em}.status-bar{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.conn-badge,.conn-failure,.offline-badge,.reader-status,.pair-status,.login [data-role=status]{border-radius:999px;font-size:12px;line-height:1.35}.conn-badge{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;color:var(--muk-accent-strong);background:var(--muk-accent-wash);font-weight:760}.conn-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #88a6bd21,0 0 16px #88a6bd75}.conn-badge[data-badge=offline]{color:var(--muk-seal);background:var(--muk-seal-wash)}.conn-badge[data-badge=connecting]{color:var(--muk-jade);background:var(--muk-jade-wash)}.conn-failure{color:var(--muk-seal);text-align:right}.home-toolbar,.search-shell{margin-top:12px;display:flex;align-items:center;gap:9px}.home-toolbar input,.login input,.pair textarea{min-width:0;width:100%;color:var(--muk-text);background:#13171cdb;border:1px solid var(--muk-border);outline:none;transition:border-color .16s var(--ease-out-quint),box-shadow .16s var(--ease-out-quint),background .16s var(--ease-out-quint)}.home-toolbar input{height:48px;border-radius:17px;padding:0 15px;font-size:14px}.home-toolbar input::placeholder,.login input::placeholder,.pair textarea::placeholder{color:var(--muk-faint)}.home-toolbar input:focus,.login input:focus,.pair textarea:focus{border-color:#88a6bd8a;box-shadow:0 0 0 4px #88a6bd1f;background:#1c2229e6}button[data-act=refresh],button[data-act=retry],.login button,.pair button,.reader-head button{min-height:40px;border:1px solid rgba(230,225,216,.1);border-radius:15px;color:var(--muk-text);background:#e6e1d812;font-size:13px;font-weight:720;transition:transform .12s var(--ease-out-quint),background .16s var(--ease-out-quint),border-color .16s var(--ease-out-quint)}button[data-act=refresh]{flex:none;padding:0 12px}button:active{transform:scale(.98)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:var(--muk-accent-strong);font-size:12px;font-weight:780;letter-spacing:.055em;text-transform:uppercase}.section-heading span:last-child{color:var(--muk-muted);font-family:var(--font-mono);font-size:10px}.offline-badge{display:inline-flex;margin:0 0 14px;padding:7px 10px;color:var(--muk-jade);background:var(--muk-jade-wash);font-weight:720}.note-list{list-style:none;display:grid;gap:10px;margin:0;padding:0}.note-item{display:grid;gap:6px;min-height:72px;padding:14px;border-radius:var(--muk-radius-md);color:var(--muk-text);background:#13171cd1;border:1px solid rgba(230,225,216,.09);outline:none;cursor:pointer;transition:transform .15s var(--ease-out-quint),border-color .15s var(--ease-out-quint),background .15s var(--ease-out-quint)}.note-item:first-child{background:linear-gradient(180deg,#1c2229f0,#13171ce6);border-color:#88a6bd42;box-shadow:inset 3px 0 0 var(--muk-accent)}.note-item:focus-visible,.note-item:hover{border-color:#88a6bd73;background:#1c2229f0}.note-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:15px;font-weight:760;letter-spacing:-.036em}.note-sub{color:var(--muk-muted);font-size:12px;line-height:1.42}.list-empty{margin:28px 0 0;padding:24px 18px;border:1px dashed rgba(230,225,216,.14);border-radius:var(--muk-radius-lg);color:var(--muk-muted);text-align:center;background:#13171c85}.chrome-tab,.chrome-fab,.mobile-bottom-chrome span.chrome-tab{border:0;height:44px;border-radius:17px;display:grid;place-items:center;color:var(--muk-muted);background:transparent;font-size:11px;font-weight:760;text-decoration:none}.chrome-tab.active{color:var(--muk-text);background:#e6e1d80f}.chrome-tab[aria-disabled=true]{opacity:.55}.chrome-fab{width:48px;height:48px;justify-self:end;color:var(--muk-bg);background:var(--muk-text);font-size:21px;box-shadow:0 14px 34px #00000052}.reader-head{justify-content:flex-start}.reader-head button{flex:none;padding:0 12px}.reader-scroll-body{padding-top:4px}.reader-status{margin:0 0 12px;color:var(--muk-seal)}.reader-content .md-reader,.reader-content .rendered{color:var(--muk-text-soft)}.md-reader{border:1px solid rgba(230,225,216,.1);border-radius:var(--muk-radius-lg);padding:20px 18px;background:linear-gradient(180deg,#1c2229f2,#13171ceb)}.md-reader h1,.md-reader h2,.md-reader h3{color:var(--muk-text);letter-spacing:-.055em}.md-reader p,.md-reader li{color:var(--muk-text-soft);line-height:1.78}.md-reader a{color:var(--muk-accent-strong)}.md-reader pre,.md-reader code{font-family:var(--font-mono)}.md-reader code{color:var(--muk-accent-strong);background:var(--muk-paper-wash);border-radius:6px;padding:.1em .32em}.md-reader pre{overflow:auto;padding:14px;border-radius:var(--muk-radius-md);background:#08090b9e;border:1px solid rgba(230,225,216,.09)}.md-image-placeholder,.md-desktop-only{padding:16px;border:1px dashed rgba(136,166,189,.32);border-radius:var(--muk-radius-md);color:var(--muk-muted);background:#88a6bd14}.pair-content{display:grid;gap:14px}.pair video{width:100%;min-height:170px;border-radius:var(--muk-radius-lg);object-fit:cover;background:radial-gradient(circle at 50% 45%,rgba(136,166,189,.18),transparent 30%),#13171ce0;border:1px solid rgba(230,225,216,.1)}.fp-block{margin:0;padding:18px 16px;text-align:center;border-radius:var(--muk-radius-lg);background:#1c2229d1;border:1px solid rgba(136,166,189,.2)}.fp-label{margin:0 0 .35rem;color:var(--muk-accent-strong);font-size:.8rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.fp-code{margin:0;color:var(--muk-text);font-family:var(--font-mono);font-size:1.48rem;font-weight:760;letter-spacing:.08em;word-spacing:.2em}.fp-note{margin:.45rem 0 0;color:var(--muk-muted);font-size:.84rem}.manual-block{border:1px solid rgba(230,225,216,.1);border-radius:var(--muk-radius-lg);padding:14px;background:#13171cb8}.manual-block summary{color:var(--muk-text);font-weight:760;cursor:pointer}.pair textarea{margin-top:12px;min-height:96px;resize:vertical;border-radius:var(--muk-radius-md);padding:12px}.pair button[data-act=manual-submit],.pair button[data-act=retry],.login button[data-act=otp-request],.login button[data-act=otp-verify]{width:100%;margin-top:10px;color:var(--muk-bg);background:var(--muk-text);border-color:transparent}.pair-status{margin:0;color:var(--muk-muted)}.pair-status[data-state=error],.login [data-role=status][data-state=error]{color:var(--muk-seal)}.login{padding:max(18px,env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));justify-content:center;gap:14px}.login:after{content:"묵";width:42px;height:42px;border-radius:50%;display:grid;place-items:center;order:-1;color:var(--muk-bg);background:var(--muk-text);font-weight:900;letter-spacing:-.06em}.login h1{font-size:34px}.login label{display:grid;gap:8px;color:var(--muk-muted);font-size:13px;font-weight:720}.login input{height:48px;border-radius:17px;padding:0 14px}.login [data-role=code-section]{display:grid;gap:12px}.login [data-role=status]{min-height:22px;margin:0;color:var(--muk-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}