:root{color:#172033;background:#f7f8fb;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172033;--muted: #748096;--line: #e5e9f0;--surface: #ffffff;--primary: #2956d7;--primary-dark: #1f46b7;--soft-blue: #edf3ff;--danger: #c23b47;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(62,107,225,.08),transparent 32rem),#f7f8fb}::selection{background:#2956d72e}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 0 max(64px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;margin-bottom:24px;animation:topbar-enter .44s var(--ease-out) both}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.14em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.05em}h2{margin-bottom:0;font-size:1.15rem;letter-spacing:-.025em}.panel{border:1px solid rgba(224,229,239,.92);border-radius:22px;background:#fffffff5;box-shadow:0 14px 42px #18274b12}#loginView:not([hidden]),#boardView:not([hidden]){animation:view-enter .36s var(--ease-out) both}.board-layout>:not([hidden]),.result-stack>:not([hidden]){animation:panel-enter .32s var(--ease-out) both}@keyframes topbar-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.login-layout{display:grid;min-height:min(560px,68vh);place-items:center}.login-panel{display:grid;gap:18px;width:min(420px,100%);padding:30px}.field{display:grid;gap:8px}.field label{color:#4a566b;font-size:.84rem;font-weight:750}input,select{width:100%;height:48px;border:1px solid #d9dfeb;border-radius:13px;outline:none;background:#fff;color:var(--ink);padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,select:focus{border-color:#7f9bec;box-shadow:0 0 0 4px #2956d71a}.primary-button,.secondary-button,.text-button{border:0;border-radius:13px;cursor:pointer;font-weight:780;transition:transform .14s var(--ease-standard),background .14s ease,color .14s ease,opacity .14s ease,box-shadow .14s ease}.primary-button{min-height:48px;padding:0 18px;background:var(--primary);color:#fff}.secondary-button{min-height:42px;padding:0 16px;background:var(--soft-blue);color:#244ba9}.text-button{padding:9px 12px;background:transparent;color:#667187}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.45;transform:none}button:focus-visible,.notice-card:focus-visible,.match-chip:focus-visible{outline:3px solid rgba(41,86,215,.22);outline-offset:2px}.status{min-height:1.25em;margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.status.error{color:var(--danger)}.board-layout,.result-stack{display:grid;gap:20px}.mode-tabs{display:inline-flex;justify-self:start;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#fff}.mode-tab{min-height:40px;padding:0 17px;border:0;border-radius:10px;background:transparent;color:#667187;cursor:pointer;font-weight:780;transition:background-color .18s ease,color .18s ease,transform .14s var(--ease-standard)}.mode-tab.active{background:var(--primary);color:#fff;box-shadow:0 5px 14px #2956d733}.search-panel,.reading-panel,.evaluation-panel{display:grid;gap:14px;align-items:end;padding:22px}.search-panel{grid-template-columns:minmax(210px,1.15fr) minmax(210px,1fr) 130px auto}.reading-panel{grid-template-columns:minmax(150px,220px) minmax(160px,220px) auto;justify-content:start}.evaluation-panel{grid-template-columns:minmax(0,1fr) auto;padding:22px}.evaluation-actions{display:grid;gap:8px}.full-row{grid-column:1 / -1}.number-wrap{display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:8px}.number-wrap span{color:#58657a;font-size:.86rem;white-space:nowrap}.search-button{min-width:110px}.search-actions{display:grid;gap:8px}.notify-button{min-height:38px;white-space:nowrap}.notify-button.active{background:#e9f8f2;color:#137153}.notify-status:empty{min-height:0}.notices-panel,.watches-panel,.result-panel,.attachments-panel{padding:24px}.watch-list{display:grid;gap:9px}.watch-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s var(--ease-standard)}.watch-item>div{display:grid;gap:5px;min-width:0}.watch-item strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.watch-item span,.empty-copy{color:var(--muted);font-size:.8rem}.empty-copy{margin:0}.watch-remove{flex:0 0 auto}.section-heading,.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading{margin-bottom:16px}.count-badge{display:inline-grid;min-width:30px;height:30px;padding:0 9px;place-items:center;border-radius:999px;background:var(--soft-blue);color:var(--primary);font-size:.78rem;font-weight:800}.notice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notice-card{display:grid;gap:7px;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s var(--ease-standard)}.notice-title{overflow:hidden;font-weight:740;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.notice-meta,.result-meta{margin:0;color:var(--muted);font-size:.8rem}.result-heading h2{max-width:760px;font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.45}.result-actions{display:flex;flex:0 0 auto;gap:8px}.compact{min-height:42px}.image-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;margin-top:22px;border:1px dashed #dce3ef;border-radius:16px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid #d9e1f4;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-frame{overflow:auto;margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#eef1f6;padding:12px;animation:image-enter .36s var(--ease-out) both}@keyframes image-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.image-frame img{display:block;width:100%;height:auto;border-radius:7px;background:#fff;box-shadow:0 8px 28px #19223414}.other-matches{display:flex;overflow-x:auto;gap:8px;margin-top:16px;padding-bottom:2px}.match-chip{flex:0 0 auto;max-width:min(460px,82vw);overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#fff;color:#4f5c72;padding:9px 13px;cursor:pointer;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,transform .15s var(--ease-standard)}.attachments-heading{align-items:center}.select-all{display:inline-flex;align-items:center;gap:7px;color:#59667b;font-size:.82rem;font-weight:700}.select-all input,.attachment-check{width:18px;height:18px;accent-color:var(--primary)}.attachment-list{display:grid;gap:9px;margin-bottom:16px}.attachment-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:54px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;transition:border-color .16s ease,background-color .16s ease}.attachment-name{overflow:hidden;font-size:.9rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:var(--muted);font-size:.78rem}.attachment-download{min-height:34px;padding:0 11px;border:0;border-radius:10px;background:var(--soft-blue);color:#244ba9;cursor:pointer;font-size:.78rem;font-weight:780;transition:background-color .15s ease,color .15s ease,transform .14s var(--ease-standard)}.toast{position:fixed;z-index:30;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));max-width:min(390px,calc(100% - 36px));padding:12px 15px;border-radius:12px;background:#151d2df0;color:#fff;box-shadow:0 14px 38px #0003;font-size:.86rem;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast.show{opacity:1;transform:translateY(0)}.capture-host{position:fixed;top:0;left:-30000px;z-index:-1;width:1280px;pointer-events:none}.capture-host iframe{display:block;width:1280px;border:0}.modal-open{overflow:hidden}.modal-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease}.modal-layer.open{opacity:1}.modal-backdrop{position:absolute;inset:0;background:#121b2e6b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.consent-card{position:relative;display:grid;gap:16px;width:min(500px,100%);padding:28px;transform:translateY(18px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.modal-layer.open .consent-card{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:14px;right:15px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f4f9;color:#667187;cursor:pointer;font-size:1.45rem;line-height:1}.consent-summary{margin:-6px 0 0;color:var(--primary);font-weight:800}.privacy-note{padding:16px;border:1px solid #e2e8f3;border-radius:15px;background:#f8faff}.privacy-note strong{display:block;margin-bottom:7px;font-size:.9rem}.privacy-note p,.ios-note{margin:0;color:#68758a;font-size:.82rem;line-height:1.6}.consent-check{display:flex;align-items:center;gap:11px;cursor:pointer;color:#37445a;font-size:.9rem;font-weight:720}.consent-check input{position:absolute;width:1px;height:1px;opacity:0}.checkmark{position:relative;flex:0 0 auto;width:23px;height:23px;border:2px solid #bdc8da;border-radius:8px;background:#fff;transition:border-color .15s ease,background .15s ease,transform .15s ease}.consent-check input:checked+.checkmark{border-color:var(--primary);background:var(--primary);transform:scale(1.04)}.consent-check input:checked+.checkmark:after{position:absolute;top:3px;left:7px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.consent-check input:focus-visible+.checkmark{box-shadow:0 0 0 4px #2956d724}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.notification-result .mode-tabs,.notification-result #searchForm,.notification-result #readingForm,.notification-result #writingPanel,.notification-result #watchSection,.notification-result #noticeSection,.notification-result #allPostsSection{display:none!important}@media(hover:hover)and (pointer:fine){.primary-button:hover{background:var(--primary-dark);box-shadow:0 7px 18px #2956d72e;transform:translateY(-1px)}.secondary-button:hover,.attachment-download:hover{background:#dfe9ff}.text-button:hover{background:#f1f4f9;color:#3f4d64}.notice-card:hover,.watch-item:hover{border-color:#b9c8ef;box-shadow:0 8px 22px #18274b0f;transform:translateY(-2px)}.notice-card:hover{background:#fafcff}.match-chip:hover{border-color:#b9c8ef;background:#f8faff;transform:translateY(-1px)}}[hidden]{display:none!important}@media(max-width:800px){.app-shell{width:100%;padding:max(10px,env(safe-area-inset-top)) 12px calc(36px + env(safe-area-inset-bottom))}.topbar{position:sticky;z-index:20;top:env(safe-area-inset-top);min-height:62px;margin:0 -12px 14px;padding:9px 14px;border-bottom:1px solid rgba(224,229,239,.8);background:#f7f8fbe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar .eyebrow{display:none}.topbar h1{font-size:1.42rem}.topbar .text-button{min-height:44px}.login-layout{min-height:calc(100svh - 112px - env(safe-area-inset-top));align-items:start;padding-top:clamp(26px,8vh,72px)}.login-panel{gap:16px;width:min(100%,460px);padding:24px;border-radius:20px}input,select{height:50px;font-size:16px}.primary-button,.secondary-button{min-height:48px}.board-layout,.result-stack{gap:14px}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;width:100%;padding:4px;border-radius:15px}.mode-tab{min-width:0;min-height:44px;padding:0 8px;white-space:nowrap}.search-panel,.reading-panel,.evaluation-panel{grid-template-columns:minmax(0,1fr);gap:15px;padding:18px}.search-panel>*,.reading-panel>*,.evaluation-panel>*{grid-column:1}.number-wrap{grid-template-columns:minmax(0,1fr) auto}.search-actions,.evaluation-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.search-actions button,.evaluation-actions button,.evaluation-panel>button{width:100%}.search-button{min-width:0}.notice-list{grid-template-columns:1fr}.notice-card{min-height:64px;padding:14px 15px}.notice-title{overflow:visible;text-overflow:clip;white-space:normal}.notices-panel,.watches-panel,.result-panel,.attachments-panel{padding:18px;border-radius:18px}.section-heading{margin-bottom:14px}.result-heading{display:grid;gap:16px}.result-actions{width:100%}.result-actions button{flex:1}.image-loading{min-height:180px;margin-top:18px}.image-frame{margin:18px -7px 0;padding:6px;border-radius:14px}.other-matches{margin-right:-18px;padding-right:18px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.other-matches::-webkit-scrollbar{display:none}.match-chip{min-height:42px;scroll-snap-align:start}.attachment-name{overflow-wrap:anywhere}.attachment-download,.watch-remove{min-height:44px}.toast{right:50%;bottom:calc(14px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 28px);text-align:center;transform:translate(50%,8px)}.toast.show{transform:translate(50%)}.modal-layer{place-items:end center;padding:0}.consent-card{width:100%;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));overflow-y:auto;padding:26px 20px calc(20px + env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:24px 24px 0 0;transform:translateY(100%);transition-duration:.18s;-webkit-overflow-scrolling:touch}.modal-layer.open .consent-card{transform:translateY(0)}}@media(max-width:430px){.app-shell{padding-right:10px;padding-left:10px}.topbar{margin-right:-10px;margin-left:-10px;padding-right:12px;padding-left:12px}.login-panel{padding:20px}.search-panel,.reading-panel,.evaluation-panel,.notices-panel,.watches-panel,.result-panel,.attachments-panel{padding:16px}.search-actions,.evaluation-actions,.modal-actions{grid-template-columns:1fr}.search-actions,.evaluation-actions{display:grid}.result-actions{display:grid;grid-template-columns:1fr 1fr}.watch-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:68px}.watch-item strong{overflow:visible;text-overflow:clip;white-space:normal}.attachment-item{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:12px}.attachment-check{grid-column:1;grid-row:1 / 3;align-self:start;margin-top:2px}.attachment-name{grid-column:2;overflow:visible;text-overflow:clip;white-space:normal}.attachment-size{grid-column:2}.attachment-download{grid-column:1 / -1;grid-row:auto;width:100%;margin-top:6px}.attachments-heading{align-items:flex-start}.select-all{min-height:44px}.modal-actions{display:grid}.modal-actions .primary-button{grid-row:1}.modal-actions .text-button{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}