body{opacity:0;transition:opacity .4s ease-out}body.ready{opacity:1}:root{--color-bg-primary:#f7f7f7;--color-bg-secondary:#fff;--color-text-primary:#222;--color-text-secondary:#555;--color-text-muted:#999;--color-border-primary:#d1d1d1;--color-border-light:#f0f0f0;--color-error:#d44;--color-accent:#555;--color-primary:#007aff;--color-primary-light:#4da2ff;--color-success:#34c759;--font-family-sans:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;--font-size-base:10.5pt;--letter-spacing-base:-.03em;--line-height-base:1.65;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--z-negative:-1;--z-base:1;--z-elevated:10;--z-dropdown:100;--z-sticky:800;--z-overlay:999;--z-modal:1000;--z-popover:99998;--z-toast:99999;--z-max:999999;--bg-color:var(--color-bg-primary);--page-bg:var(--color-bg-secondary);--text-color:var(--color-text-primary);--border-color:var(--color-border-primary);--accent-color:var(--color-accent);--muted-color:var(--color-text-muted);--light-border:var(--color-border-light);--error-color:var(--color-error)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);letter-spacing:-.03em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:11pt;display:flex}.container{width:100%;max-width:1000px;padding:3rem 2rem calc(2rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}@media (width<=768px){.container{padding:max(1rem, env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}}.content-wrapper{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:.2rem;display:flex;box-shadow:var(--shadow-lg)!important}html.logged-out .input-area,html.logged-out #settingsBtn,html.logged-out #insightsBtn,html.logged-out #trashBtn,html.logged-out .mobile-write-btn{display:none!important}html.logged-out .book-page-wrapper{padding-top:2.5rem!important}html.logged-out #landingPage{display:flex!important}.hidden{display:none!important}.smart-thread{z-index:var(--z-dropdown);box-sizing:border-box;width:100%;margin-top:.8rem;animation:.3s cubic-bezier(.23,1,.32,1) slideUp;display:none;position:relative}.smart-thread.visible{display:block!important}.st-fieldset{border:1px solid var(--border-color);color:var(--color-text-secondary);background-color:#00000003;border-radius:8px;min-width:0;max-width:100%;margin:0;padding:.8rem 1rem;font-size:10pt;line-height:1.6}.st-legend{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-left:.4rem;padding:0 .6rem;font-size:8.5pt;font-weight:700}.st-item-wrapper{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.3rem;display:flex}.st-item-wrapper:last-child{margin-bottom:0}.st-item-wrapper:hover .st-link{opacity:.5}.st-text-wrapper{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.st-quote{color:var(--color-text-muted);flex-shrink:0;font-weight:500}.st-link{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;word-break:break-all;min-width:0;font-weight:400;transition:all .2s;overflow:hidden}.st-date{color:var(--color-text-secondary);text-align:right;font-size:8pt;font-weight:500;font-family:var(--font-family-sans);flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mood-bg{background-color:var(--color-bg-primary);width:100%;height:100%;z-index:var(--z-negative);transition:background-color 3s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}.mood-bg:before{content:"";opacity:.8;pointer-events:none;background:radial-gradient(circle at 30% 30%,#fff6,#0000 50%),radial-gradient(circle at 70% 70%,#00000008,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite alternate moodAmbientMove;position:absolute;top:-50%;left:-50%}.mood-bg:after{content:"";opacity:.04;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}@keyframes moodAmbientMove{0%{transform:translate(0)rotate(0)}to{transform:translate(-5%,-5%)rotate(2deg)}}.sidebar{border-right:1px solid var(--border-color);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:flex-start;width:10rem;max-height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-top-row{justify-content:center;align-items:center;width:100%;display:flex}.sidebar-logo{background-color:var(--color-border-light);cursor:pointer;width:7.5rem;height:7.5rem;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23ccc\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"/></svg>");background-position:50%;background-size:cover;border:1px solid #0000000d;border-radius:16px;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .sidebar-logo{background-color:#2a2a2a;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23444\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"/></svg>");border-color:#ffffff0d}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-search{width:100%;position:relative}.sidebar-search input{border:none;border-bottom:1px solid var(--border-color);width:100%;font-size:10pt;font-family:var(--font-family-sans);color:var(--color-text-secondary);background:0 0;outline:none;padding:.2rem 0;transition:border-color .2s}.sidebar-search input::placeholder{color:var(--color-text-secondary)}.sidebar-search input:focus{border-bottom-color:var(--color-text-muted)}.category-list{width:100%;font-family:var(--font-family-sans);letter-spacing:-.02em;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:1.5rem;font-size:10pt;display:flex}.category-year{color:var(--color-text-primary);flex-direction:column;align-items:flex-start;width:100%;margin-bottom:0;display:flex}.year-text{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block}.year-text:hover{color:var(--text-color);transform:translate(2px)}.year-text.active{color:var(--text-color);letter-spacing:-.04em;font-weight:700}.category-month-list{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;margin-top:.3rem;margin-left:.4rem;padding-left:1rem;list-style:none;display:none}.category-month-list.open{flex-direction:column;display:flex}.category-month{color:var(--color-text-secondary);padding:0;display:flex;position:relative}.month-text:before{content:"";background:var(--color-border-primary);width:.8rem;height:1px;position:absolute;top:50%;left:-1rem;transform:translateY(-50%)}.category-month:after{content:"";background:var(--color-border-primary);width:1px;position:absolute;top:-.3rem;bottom:-.3rem;left:-1rem}.category-month:first-child:after{top:-.3rem}.category-month:last-child:after{height:.8rem;bottom:auto}.category-month:first-child:last-child:after{height:1.1rem}body.dark-mode .category-month:before,body.dark-mode .category-month:after{background:var(--color-text-primary)}.month-title{justify-content:flex-start;align-items:center;gap:.3rem;display:flex}.month-text{cursor:pointer;font-family:var(--font-family-sans);transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.month-text:hover{color:var(--text-color);transform:translate(2px)}.month-text.active{color:var(--text-color);font-weight:700}.category-group{flex-direction:column;gap:.3rem;width:100%;display:flex}.private-text{color:#c75959!important}.count-badge{color:var(--color-text-secondary);font-size:9pt;font-family:var(--font-family-sans);margin-left:.25rem;font-weight:400;line-height:1}.category-all-wrap{flex-direction:column;width:100%;display:flex}.category-all-header{align-items:center;gap:.3rem;width:100%;display:flex}.category-all-header .year-text{flex-grow:1}.year-toggle-btn{cursor:pointer;width:18px;height:18px;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.year-toggle-btn:hover{color:var(--color-text-primary);background:#0000000d}body.dark-mode .year-toggle-btn{color:var(--color-text-muted)}body.dark-mode .year-toggle-btn:hover{color:var(--color-border-light);background:#ffffff1a}.year-toggle-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.year-toggle-btn.open svg{transform:rotate(90deg)}.nested-year-list{flex-direction:column;gap:.3rem;margin-top:.3rem;margin-left:.4rem;padding-left:1rem;display:none}.nested-year-list.open{display:flex}.nested-year-list .category-year,.nested-year-list .category-year>.year-text{position:relative}.nested-year-list .category-year>.year-text:before{content:"";background:var(--color-border-primary);width:.8rem;height:1px;position:absolute;top:50%;left:-1rem;transform:translateY(-50%)}.nested-year-list .category-year:after{content:"";background:var(--color-border-primary);width:1px;position:absolute;top:-.3rem;bottom:-.3rem;left:-1rem}.nested-year-list .category-year:first-child:after{top:-.6rem}.nested-year-list .category-year:last-child:after{height:.8rem;bottom:auto}.nested-year-list .category-year:first-child:last-child:after{height:1.1rem}body.dark-mode .nested-year-list .category-year:before,body.dark-mode .nested-year-list .category-year:after{background:var(--color-text-primary)}.sidebar-tags{text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:baseline;gap:0;line-height:1.4;display:flex}.sidebar-tag{font-size:10pt;font-family:var(--font-family-sans);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;opacity:.7;font-weight:500;transition:all .2s}.sidebar-tag:hover{opacity:1;transform:translateY(-1px)}.sidebar-tag.active-tag{text-underline-offset:3px;text-decoration:underline}.sidebar-tag-sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;margin:0 .15rem;font-size:10pt}.sidebar-profile{box-sizing:border-box;flex-direction:column;gap:.4rem;width:100%;margin-top:1.5rem;padding:0 0 1rem;display:flex}.profile-nickname{color:var(--text-color);cursor:pointer;font-size:11pt;font-weight:700}.profile-nickname:hover{opacity:.7}.profile-bio{color:var(--color-text-secondary);cursor:pointer;word-break:break-all;min-height:1.3em;font-size:8.5pt;line-height:1.3}.profile-bio:empty:before{content:"한 줄 소개 추가...";opacity:.5}.profile-bio:hover{color:var(--text-color)}.profile-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.public-toggle-btn{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:inline-flex}.public-toggle-btn input{display:none}.toggle-switch{background-color:#d1d1d6;border-radius:18px;flex-shrink:0;align-items:center;width:58px;height:18px;transition:background-color .3s;display:flex;position:relative;overflow:hidden}body.dark-mode .toggle-switch{background-color:var(--color-text-secondary)}.toggle-switch:after{content:"";width:14px;height:14px;box-shadow:var(--shadow-sm);z-index:var(--z-base);background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.public-toggle-btn input:checked+.toggle-switch{background-color:var(--color-success)}.public-toggle-btn input:checked+.toggle-switch:after{transform:translate(40px)}.toggle-text{color:#fff;text-transform:uppercase;text-align:right;box-sizing:border-box;width:100%;z-index:var(--z-base);padding-right:6px;font-size:7pt;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.public-toggle-btn input:checked+.toggle-switch .toggle-text{text-align:left;padding-left:6px;padding-right:0}.share-btn{background:var(--color-border-light);cursor:pointer;color:var(--color-text-secondary);border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;padding:.3rem .4rem;transition:all .2s;display:flex}body.dark-mode .share-btn{background-color:var(--color-text-primary);color:var(--color-text-muted)}.share-btn:hover{background:var(--color-border-primary);color:var(--text-color)}body.dark-mode .share-btn:hover{background:var(--color-text-primary);background:#ffffff1a}.profile-edit-input{border:1px solid var(--color-border-primary);width:100%;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border-radius:4px;outline:none;padding:2px 4px}body.dark-mode .profile-edit-input{border-color:var(--color-text-primary)}.monolog-btn{box-sizing:border-box;cursor:pointer;width:100%;height:22px;box-shadow:var(--shadow-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:8.5pt;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.monolog-btn:hover{filter:brightness(.96)}.monolog-btn.primary{color:#902bf5;background:#f3ebff;border:1px solid #902bf533}.monolog-btn.primary:hover{filter:none;background:#eedaff}body.dark-mode .monolog-btn{color:var(--color-border-primary);border-color:var(--color-text-primary);background:#2a2a2a}body.dark-mode .monolog-btn:hover{filter:brightness(1.2)}body.dark-mode .monolog-btn.primary{color:#b388ff;background:#902bf526;border-color:#902bf54d}body.dark-mode .monolog-btn.primary:hover{filter:none;background:#902bf540}.feedback-empty-msg{text-align:center;color:var(--color-text-secondary);opacity:.7;padding:4rem 2rem;font-size:.9rem}.feedback-tag-badge{border:1px solid #ccc;border-radius:4px;padding:1px 6px;font-size:7.5pt;font-weight:700;display:inline-block}.feedback-tag-badge.bug{color:#dc2626;border-color:#dc2626}.feedback-tag-badge.improvement{color:#2563eb;border-color:#2563eb}.feedback-item-info{color:#444;padding:12px 14px;font-size:9.5pt;line-height:1.8}.feedback-author-info{color:#666;font-size:8.5pt}.feedback-time-info{color:#999;font-size:8pt}.system-trash-link{cursor:pointer;color:#c75959;margin-right:8px;text-decoration:underline}body.public-viewer #settingsBtn,body.public-viewer #adminBtn,body.public-viewer #insightsBtn,body.public-viewer #loginBtn,body.public-viewer #guideBtn,body.public-viewer .sidebar-bottom,body.public-viewer .sidebar-divider,body.public-viewer .load-more-btn,body.public-viewer .input-area{display:none!important}body.public-viewer .book-page-wrapper{padding-top:2rem}body.public-viewer .public-toggle-btn{display:none!important}body.public-viewer .profile-bio{cursor:default}body.public-viewer .sidebar-bottom{margin-top:2.5rem;padding-top:1rem}body.public-viewer .sidebar-logo{pointer-events:none!important}body.public-viewer #myMonologBtn{display:inline-flex!important}.sidebar-bottom{flex-direction:column;gap:.3rem;margin-top:1.5rem;padding-top:0;display:flex;box-shadow:none!important;border:none!important}.login-btn,.settings-btn,.insights-btn,.map-btn,.guide-btn{cursor:pointer;text-transform:lowercase;text-align:left;background:0 0;border:none;outline:none;margin:0;padding:0;text-decoration:none;transition:color .2s;font-family:var(--font-family-sans)!important;color:var(--color-text-secondary)!important;font-size:10pt!important;font-weight:500!important}.login-btn:hover,.settings-btn:hover,.insights-btn:hover,.map-btn:hover,.guide-btn:hover{transform:translate(2px);color:var(--text-color)!important}.login-btn:focus,.settings-btn:focus,.insights-btn:focus,.map-btn:focus,.guide-btn:focus{outline:none}.login-btn:active,.settings-btn:active,.insights-btn:active,.map-btn:active,.guide-btn:active{transform:scale(.98)}.sidebar-footer{flex-direction:column;gap:.3rem;margin-top:auto;padding-top:1.5rem;display:flex;box-shadow:none!important;border:none!important}.copyright{color:var(--color-text-muted);font-size:8pt;font-weight:400;font-family:Verdana,sans-serif!important}body.dark-mode .copyright{color:var(--color-text-secondary)}.book-page-wrapper{scrollbar-width:thin;flex:1;padding:.5rem 1.5rem 1.5rem;overflow-y:auto}@media (width<=768px){.book-page-wrapper{padding:.5rem .5rem 1rem}}.book-page{text-align:left;word-break:break-all;overflow-wrap:break-word;white-space:normal;font-weight:400;line-height:1.65}.text-segment{opacity:1;cursor:pointer;border-radius:4px;padding:2px 4px;transition:color .3s,opacity .3s}.text-segment:hover{background-color:#0000001f;border-radius:3px;opacity:1!important}body.dark-mode .text-segment:hover{background-color:#ffffff26;opacity:1!important}.text-segment.no-anim{opacity:1;animation:none}.text-segment.tag-highlight{border-radius:3px;padding:1px 4px}.ext-link{color:var(--color-primary);border-bottom:1px solid #007aff66;text-decoration:none;transition:all .2s}.ext-link:hover{border-bottom:1px solid #007aff}body.dark-mode .ext-link{color:var(--color-primary-light);border-bottom:1px solid #4da2ff66}body.dark-mode .ext-link:hover{border-bottom:1px solid #4da2ff}.msg-separator{color:var(--color-text-muted);opacity:1;-webkit-user-select:none;user-select:none;transition:color .3s,opacity .3s}.input-area{flex-shrink:0;width:100%;margin-top:1rem;margin-bottom:1.5rem}.input-box{border-bottom:1px solid var(--border-color);padding:.4rem 0 .2rem;transition:border-color .3s}.input-box:focus-within{border-bottom-color:var(--text-color);box-shadow:var(--shadow-md)!important}.input-box-text-row{align-items:flex-end;display:flex}textarea{color:var(--text-color);font-family:var(--font-family-sans);resize:none;letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;min-height:1.7em;max-height:400px;padding:.2rem 0;font-size:10pt;line-height:1.7}textarea::placeholder{color:var(--color-text-secondary);font-style:italic;font-weight:400}.send-btn,.mic-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.15rem;padding:.2rem .25rem;transition:all .2s;display:flex}.send-btn svg,.mic-btn svg{width:16px;height:16px}.send-btn:hover,.mic-btn:hover{color:var(--text-color);transform:scale(1.1)}.send-btn:active,.mic-btn:active{transform:scale(.9)}.mic-btn{z-index:var(--z-elevated);position:relative}.mic-waveform{pointer-events:none;width:2.5rem;height:2.5rem;z-index:var(--z-negative);opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mic-btn.recording .mic-waveform{opacity:1}.mic-btn.recording svg{color:var(--color-error)}.interim-transcript{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;max-width:80%;z-index:var(--z-dropdown);background:#ffffffe6;border:1px solid #00000008;border-radius:20px;padding:.5rem .8rem;font-size:8.5pt;transition:all .3s;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(5px);box-shadow:var(--shadow-md)!important}.interim-transcript.visible{opacity:1;transform:translateY(0)}@keyframes micPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.input-meta{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.input-meta-tags{flex:1;align-items:center;margin-right:1rem;display:flex;position:relative}.tag-hash{font-family:var(--font-family-sans);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;font-size:9pt;line-height:1}.tag-input{width:100%;font-size:8.5pt;font-family:var(--font-family-sans);color:var(--color-text-secondary);letter-spacing:.02em;background:0 0;border:none;outline:none;padding:0}.tag-input::placeholder{color:var(--color-text-secondary)}.char-count{color:var(--color-border-primary);font-size:8pt;font-family:var(--font-family-sans);white-space:nowrap;flex-shrink:0;align-self:flex-end;margin-left:.3rem;padding:.2rem 0;transition:color .2s}.char-count.warn{color:#c0a080}.context-menu{background:var(--page-bg);border:1px solid var(--border-color);z-index:var(--z-modal);width:max-content;min-width:120px;font-family:var(--font-family-sans);font-family:var(--font-family-sans);border-radius:12px;padding:.5rem 0;animation:.2s menuFadeIn;position:absolute;overflow:visible;box-shadow:var(--shadow-lg)!important}.context-icon-btn{position:relative}.context-icon-btn[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--text-color);color:var(--page-bg);font-size:11px;font-family:var(--font-family-sans);letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;border-radius:5px;padding:4px 8px;font-weight:600;animation:.2s .2s forwards tooltipFadeIn;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(0);box-shadow:0 2px 4px #00000026}@keyframes tooltipFadeIn{to{opacity:1;transform:translate(-50%)translateY(-2px)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.context-menu-time{color:var(--color-text-muted);text-align:left;font-size:8.5pt;font-weight:500;font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:0;padding:0 1rem .2rem}html.logged-out .context-menu,body.public-viewer .context-menu{min-width:auto;padding:.2rem}html.logged-out .context-menu-time,body.public-viewer .context-menu-time{text-align:center;border-bottom:none;margin-bottom:0;padding:.4rem 1rem}.context-menu-btn{text-align:left;width:100%;font-size:10pt;font-weight:500;font-family:var(--font-family-sans);cursor:pointer;color:var(--color-text-secondary);text-transform:lowercase;letter-spacing:-.02em;background:0 0;border:none;padding:.4rem 1rem;transition:background-color .15s,color .15s;display:block}.context-menu-btn:hover{color:var(--color-text-primary);background-color:#f8f8f8}.context-menu-btn:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.context-menu-btn:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.context-menu-divider{background-color:var(--border-color);height:1px;margin:.3rem 1rem .2rem}.context-menu-btn.delete-btn{color:var(--error-color)}.context-menu-btn.delete-btn:hover{color:#c00;background-color:#fff5f5}.context-icon-row{justify-content:flex-start;align-items:center;gap:10px;padding:.6rem 1rem .3rem;display:flex}.context-icon-group{align-items:center;gap:12px;display:flex}.context-icon-btn{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;align-items:center;padding:0;font-size:1.1em;transition:color .15s,transform .15s;display:flex}.context-icon-btn:hover{color:var(--color-text-secondary)}.context-icon-btn.liked{color:#e0245e}.context-action-row{font-size:8.5pt;font-weight:500;font-family:var(--font-family-sans);color:var(--color-text-muted);justify-content:center;align-items:center;gap:.25rem;padding:0 1rem .6rem;display:flex}.context-action-btn{cursor:pointer;color:var(--color-text-secondary);font-size:inherit;font-weight:inherit;text-transform:lowercase;background:0 0;border:none;padding:0;font-family:inherit;transition:color .15s}.context-action-btn:hover{color:var(--color-text-primary)}.context-action-btn.delete-btn{color:var(--error-color)}.context-action-btn.delete-btn:hover{color:#c00}.context-action-separator{color:var(--color-border-primary);-webkit-user-select:none;user-select:none;font-size:8.5pt}body.dark-mode .context-action-separator{color:var(--color-text-primary)}.edit-box{border:1px solid var(--border-color);background:var(--color-bg-secondary);border-radius:8px;width:100%;margin:.5rem 0;transition:border-color .2s,box-shadow .2s;display:block;overflow:visible;box-shadow:var(--shadow-md)!important}.edit-box:focus-within{border-color:var(--color-text-muted);box-shadow:0 2px 10px #00000008}.edit-textarea{color:var(--text-color);resize:none;background:0 0;border:none;outline:none;width:100%;max-height:60vh;padding:.8rem 1rem;font-family:inherit;font-size:11pt;line-height:1.7;display:block;overflow-y:auto}.edit-tag-input{border:none;border-top:1px dashed var(--color-border-light);color:var(--color-text-secondary);background:#00000003;outline:none;width:100%;padding:.35rem .6rem;font-family:inherit;font-size:9pt}.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.insight-chart-wrap{border-bottom:1px solid var(--light-border);align-items:flex-end;gap:2px;height:40px;margin-top:8px;display:flex}.insight-chart-bar{background:var(--color-border-light);border-radius:1px 1px 0 0;flex:1;transition:height .3s,background .3s}.insight-chart-bar.peak{background:var(--color-text-muted)}.insight-tag-cloud{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:10px;display:flex}.insight-tag-visual{color:var(--color-text-secondary);cursor:default;line-height:1.2;transition:color .2s}.insight-tag-visual:hover{color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.year-text.active:after,.month-text.active:after,.insights-btn.active:after{content:" •";color:var(--text-color);margin-left:2px;font-weight:900;animation:1.2s infinite blink}.pulse-highlight{z-index:var(--z-elevated);border:1px solid #ffd70080;border-radius:4px;position:relative;background-color:#ffeb3b66!important}.mobile-header,.sidebar-overlay,.input-overlay,.mobile-write-btn{display:none}@media (width<=768px){.container{padding:0}.content-wrapper{min-height:auto;box-shadow:none;border:none;border-radius:0;flex-direction:column;margin-top:0}.mobile-header{padding:max(1rem, env(safe-area-inset-top)) 1rem 1rem 1rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:var(--z-dropdown);background:#ffffffd9;border-bottom:1px solid #0000000d;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.mobile-menu-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;left:1rem}.mobile-header-title{font-family:var(--font-family-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary);font-size:11pt;font-weight:700}.sidebar-overlay{z-index:var(--z-overlay);opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{background:var(--color-bg-secondary);width:280px;height:100vh;z-index:var(--z-modal);border-right:1px solid var(--color-border-light);flex-direction:column;align-items:flex-start;padding:2.5rem 1.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:5px 0 20px #0000000d}.sidebar.open{transform:translate(280px)}.sidebar-top-row{justify-content:flex-start;width:100%;margin-bottom:2rem}.category-list{flex-direction:column;gap:.6rem;width:100%}.sidebar-bottom{display:flex}.book-page-wrapper{flex:1;padding:1rem}.mobile-write-btn{background-color:var(--text-color);width:56px;height:56px;color:var(--color-bg-secondary);z-index:var(--z-sticky);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:var(--shadow-md)!important}.mobile-write-btn:active{transform:scale(.9)}.input-overlay{z-index:var(--z-popover);opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:block;position:fixed;inset:0}.input-overlay.mobile-active{opacity:1;pointer-events:auto}.input-area{border-top-left-radius:20px;border-top-right-radius:20px;transition:transform .35s cubic-bezier(.175,.885,.32,1);transform:translateY(120%)translateZ(0);width:100%!important;max-width:none!important;padding:1.2rem 1rem!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important;background:var(--color-bg-secondary)!important;z-index:var(--z-toast)!important;visibility:visible!important;opacity:1!important;border-top:none!important;margin:0!important;display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -10px 40px #00000026!important}.input-area.mobile-active{transform:translateY(0)translateZ(0)}}.load-more{text-align:center;width:100%;color:var(--color-text-muted);cursor:pointer;padding:2rem 0;font-size:9pt;font-style:italic;transition:color .2s;display:block}.load-more:hover{color:var(--color-text-secondary)}.search-match{color:var(--text-color);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-primary);text-decoration-color:var(--color-border-primary);background-color:#0000;font-style:italic;font-weight:800}.input-meta-tags{position:relative}.tag-popup{width:100%;z-index:var(--z-dropdown);box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:0;margin-top:.8rem;display:none;position:relative;overflow:visible;background:0 0!important}.tag-popup .tag-popup-content{scrollbar-width:none;width:100%;max-height:180px;overflow-y:auto}.tag-popup .tag-popup-content::-webkit-scrollbar{display:none}.tag-popup .tag-input{border:none;border-bottom:1px dashed var(--color-border-light);width:100%;color:var(--color-text-secondary);background:0 0;outline:none;margin-bottom:.3rem;padding-bottom:.3rem;font-family:inherit;font-size:9pt}.tag-popup::-webkit-scrollbar{display:none}.tag-popup.visible{display:flex!important}.tag-popup-row{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:0;width:100%;display:flex}.tag-popup-item{font-size:10pt;font-family:var(--font-family-sans);cursor:pointer;padding:0;font-weight:500;transition:color .2s,opacity .2s}.tag-popup-item:hover{opacity:.6}.skeleton-loader{flex-direction:column;gap:1.5rem;padding:1rem 0;animation:1.5s ease-in-out infinite pulse;display:flex}.skeleton-card{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1.5rem}.skeleton-text{background:var(--border-color);border-radius:4px;height:14px;margin-bottom:.8rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-tags{background:var(--border-color);border-radius:12px;width:30%;height:24px;margin-top:1.2rem}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.login-popup{border-radius:12px;width:18rem;max-width:90vw;padding:1.5rem 1rem;box-shadow:var(--shadow-lg)!important}.login-popup-title{text-align:center;color:var(--color-text-primary);margin-bottom:1rem;font-size:11pt;font-weight:600}.login-popup-btn{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:100%;margin-bottom:.4rem;padding:.5rem;font-family:inherit;font-size:9pt;display:flex}.login-popup-btn.google{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.login-popup-btn.kakao{color:#000000d9;background:#fee500;border:none}.login-popup-btn.naver{background:var(--color-success);color:var(--color-bg-secondary);border:none}.login-popup-btn svg{vertical-align:middle;width:14px;height:14px;margin-right:6px}.login-popup-warning{color:var(--color-text-muted);text-align:center;margin-top:.5rem;font-size:8pt}.login-overlay{z-index:var(--z-popover);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.share-popup{width:16rem;max-width:90vw;z-index:var(--z-toast);background:var(--color-bg-secondary);border-radius:8px;padding:.5rem 0;box-shadow:var(--shadow-lg)!important}.share-popup-row{align-items:center;gap:.5rem;padding:.5rem 1rem 0;display:flex}.share-popup-url{border:1px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;text-align:center;background:#f9f9f9;border-radius:4px;outline:none;flex:1;min-width:0;padding:.3rem .5rem;font-size:8.5pt;transition:all .2s}.share-popup-url.copied{color:var(--color-bg-secondary);background:#2e8b57}.share-popup-info{color:var(--color-text-secondary);text-align:center;word-break:keep-all;padding:.4rem 1rem .6rem;font-size:7.5pt}.share-pub-btn{cursor:pointer;border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:24px;padding:0 .5rem;font-size:8pt;font-weight:600;transition:all .2s;display:flex}.share-pub-btn.is-public{color:#137333;background:#e6f4ea;border-color:#ceead6}.share-pub-btn.is-private{color:#5f6368;background:#f1f3f4;border-color:#dadce0}.edit-tag-popup{border-top:1px solid #f8f8f8;padding:0 1rem .6rem}.edit-tag-input-wrap{align-items:center;gap:8px;width:100%;margin-top:.5rem;display:flex}.edit-tag-input-wrap .tag-input{flex:1;min-width:0}.edit-bottom-wrap{border-top:1px dashed var(--color-border-light);justify-content:flex-start;margin-top:12px;padding-top:8px;display:flex}.edit-private-label{color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:4px;font-size:9.5pt;display:flex}.edit-private-label input[type=checkbox]{cursor:pointer;width:14px;height:14px;margin:0}.edit-private-label span{-webkit-user-select:none;user-select:none;white-space:nowrap}.tag-menu-title{color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid #f8f8f8;padding:.6rem 1rem;font-size:8pt}.tag-menu-edit-wrap{flex-direction:column;gap:.6rem;padding:.8rem 1rem;display:flex}.tag-menu-edit-input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;padding:2px 0;font-family:inherit;font-size:8.5pt}.tag-menu-btn-wrap{justify-content:flex-end;gap:.4rem;display:flex}.tag-menu-btn{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:8pt}.tag-menu-btn.cancel{color:var(--color-text-muted)}.tag-menu-btn.save{color:var(--color-text-primary);font-weight:700}.logo-crop-modal{cursor:default;flex-direction:column;align-items:center;gap:1.2rem;width:18rem;max-width:90vw;padding:1.5rem;display:flex}.logo-crop-title{color:var(--text-color);align-self:flex-start;margin-bottom:-.5rem;font-size:1rem;font-weight:600}.logo-crop-canvas-wrap{border:2px solid var(--color-border-light);cursor:move;background:#f5f5f5;border-radius:50%;width:200px;height:200px;position:relative;overflow:hidden}.logo-crop-zoom-wrap{flex-direction:column;gap:.3rem;width:100%;display:flex}.logo-crop-zoom-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:8pt}.logo-crop-zoom-range{width:100%}.logo-crop-btn-wrap{gap:.5rem;width:100%;margin-top:.5rem;display:flex}.logo-crop-btn{cursor:pointer;border-radius:6px;flex:1;padding:.6rem;font-size:9pt}.logo-crop-btn.cancel{border:1px solid var(--color-border-light);background:0 0}.logo-crop-btn.save{background:var(--text-color);color:var(--bg-color);border:none;font-weight:600}.load-more-btn,.public-load-more-btn{background-color:var(--color-border-light);color:var(--color-text-secondary);font-size:8pt;font-weight:600;font-family:var(--font-family-sans);cursor:pointer;border:1px solid #0000000f;border-radius:20px;justify-content:center;align-items:center;gap:.3rem;margin:2rem auto;padding:.3rem .6rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.load-more-btn:hover,.public-load-more-btn:hover{background-color:var(--color-text-secondary);color:var(--color-bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.load-more-btn.loading,.public-load-more-btn.loading{pointer-events:none;opacity:.5}.wander-overlay{z-index:var(--z-max);background:var(--color-bg-secondary);opacity:0;transition:opacity 80ms;position:fixed;inset:0}.feed-empty-msg{height:200px;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;width:100%;font-size:10.5pt;font-weight:500;display:flex}.feed-hidden-indicator{opacity:.4;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;cursor:default;font-size:.85em;font-style:italic}.tag-suggest-separator{border-top:1px solid #f8f8f8;margin-top:8px;padding-top:8px}.tag-suggest-label{color:var(--color-text-secondary);margin-right:8px;font-size:8pt;font-style:italic}.insights-popup{width:22rem;max-width:90vw;padding:1.2rem}.insights-stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.8rem;display:grid}.insights-stat-card{text-align:center;background:#fbfbfb;border:1px solid #f2f2f2;border-radius:6px;padding:.6rem .4rem}.insights-stat-value{color:var(--color-text-primary);margin-bottom:4px;font-family:inherit;font-size:1.1rem;line-height:1}.insights-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:7pt}.insights-heatmap-title{color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:7.5pt;font-weight:600}.insights-heatmap{background:#fafafa;border:1px solid #f2f2f2;border-radius:6px;flex-direction:column;align-items:center;gap:3px;max-height:220px;padding:10px;display:flex;overflow-y:auto}.insights-heatmap-row{gap:3px;display:flex}.insights-heatmap-cell{border-radius:2px;width:10px;height:10px}.settings-popup{width:14rem;max-width:90vw}.settings-row{align-items:center;gap:.6rem;padding:.35rem 1rem;display:flex}.settings-label{color:var(--color-text-secondary);flex:1;font-family:inherit;font-size:9pt}.settings-select{border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:3px;max-width:9rem;padding:2px 4px;font-family:inherit;font-size:8.5pt}.settings-size-wrap{border:1px solid var(--color-border-light);border-radius:4px;align-items:center;gap:.4rem;padding:1px 6px;display:flex}.settings-size-val{color:var(--color-text-secondary);text-align:center;min-width:1.75rem;font-family:inherit;font-size:9pt}.settings-size-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:0;font-family:inherit;font-size:9pt}.settings-density-wrap{gap:.3rem;display:flex}.settings-density-btn{cursor:pointer;border:1px solid var(--color-border-light);color:var(--color-text-secondary);background:0 0;border-radius:3px;padding:1px 9px;font-family:inherit;font-size:10pt}.settings-density-btn.active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-secondary)}.settings-io-wrap{flex-direction:column;gap:.4rem;padding:.35rem 1rem;display:flex}.settings-io-btn{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #e8e8e8;border-radius:3px;padding:4px 8px;font-family:inherit;font-size:8pt}.settings-id-section{padding:.1rem 1rem .4rem}.settings-id-title{color:var(--color-text-secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:.4rem 0;font-family:inherit;font-size:9pt;display:flex}.settings-id-input{border:none;border-bottom:1px solid var(--color-border-light);width:100%;color:var(--color-text-secondary);background:0 0;outline:none;margin-bottom:.4rem;font-family:inherit;font-size:8.5pt}.settings-id-status{text-align:center;margin-top:.4rem;font-size:8pt;display:none}.settings-id-btn{border:1px solid var(--color-border-light);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:3px;padding:4px;font-family:inherit;font-size:8.5pt}.settings-sep{border-top:1px solid var(--color-border-light);margin:0 .05rem}.settings-action-wrap{flex-direction:column;gap:.4rem;padding:.35rem 1rem .5rem;display:flex}.settings-sys-btn{cursor:pointer;text-align:center;background:0 0;border:1px solid #e8e8e8;border-radius:3px;padding:6px;font-family:inherit;font-size:8pt;font-weight:600}.settings-sys-btn.logout{color:#d44}.admin-popup{width:90%;max-width:51rem;z-index:var(--z-toast);background:var(--color-bg-secondary);border-radius:12px;flex-direction:column;gap:1.2rem;max-height:90vh;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:var(--shadow-lg)!important}.admin-loading{text-align:center;color:var(--color-text-secondary);padding:2rem 0;font-size:10pt}.admin-error{text-align:center;color:#d44;padding:1.5rem;font-size:9.5pt}.admin-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light);margin-bottom:.6rem;padding-bottom:.4rem;font-size:8.5pt;font-weight:700}.admin-top-row{grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:.8rem;display:grid}.admin-stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.admin-stat-card{text-align:center;background:#fafafa;border:1px solid #f2f2f2;border-radius:6px;padding:.8rem}.admin-stat-value{margin-bottom:.2rem;font-size:1.2rem;font-weight:600}.admin-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:7.5pt}.admin-quota-container{background:#fafafa;border:1px solid #f2f2f2;border-radius:6px;flex-direction:column;justify-content:center;padding:.4rem 1rem;display:flex}.admin-quota-row{justify-content:space-between;align-items:center;padding:.35rem 0;font-size:8.5pt;display:flex}.admin-quota-label{color:var(--color-text-secondary)}.admin-quota-value{color:var(--color-text-primary);font-weight:500}.admin-quota-max{color:var(--color-text-muted);font-weight:400}.admin-user-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.4rem;display:flex}.admin-table-container{border:1px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:6px;max-height:280px;overflow-y:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:8.5pt}.admin-table thead{box-shadow:0 1px 0 var(--color-border-light);z-index:var(--z-base);background:#f9f9f9;position:sticky;top:0}.admin-table th{color:var(--color-text-secondary);cursor:pointer;padding:.4rem .6rem;font-weight:500}.admin-table th.center{text-align:center}.admin-table td{padding:.15rem .6rem}.admin-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .2s}.admin-table tbody tr:hover{background:#fafafa}.admin-table .td-user{color:var(--color-text-secondary)}.admin-user-link{cursor:pointer;color:#3b82f6}.admin-user-link:hover{text-decoration:underline}.admin-copy-btn{cursor:pointer;opacity:.6;margin-left:3px;font-size:7pt}.admin-copy-btn:hover{opacity:1}.admin-nick-link{color:var(--color-text-primary);text-decoration:none}.admin-nick-link:hover{text-decoration:underline}.admin-provider-badge{text-align:center;vertical-align:middle;border-radius:3px;width:14px;height:14px;margin-right:4px;font-size:7pt;font-weight:700;line-height:14px;display:inline-block}.admin-table .td-nick{color:var(--color-text-primary);align-items:center;display:flex}.admin-table .td-posts{text-align:center;color:var(--color-text-secondary)}.admin-table .td-date{color:var(--color-text-secondary);font-size:8pt}.admin-table .td-role{text-align:left;white-space:nowrap}.admin-table .td-action{text-align:center;white-space:nowrap}.admin-badge{border-radius:4px;margin-left:6px;padding:2px 4px;font-size:6.5pt;font-weight:500}.admin-badge.public{color:#137333;background:#e6f4ea}.admin-badge.private{color:#5f6368;background:#f1f3f4}.admin-role-select{border:1px solid var(--color-border-primary);cursor:pointer;cursor:pointer;border-radius:4px;outline:none;margin-right:4px;padding:1px 3px;font-size:7pt}.admin-role-select.role-admin{color:#b91c1c;background:#fee2e2}.admin-role-select.role-tester{color:#854d0e;background:#fef08a}.admin-role-select.role-beta{color:#3730a3;background:#e0e7ff}.admin-role-select.role-celebrity{color:#6b21a8;background:#f3e8ff}.admin-role-select.role-user{color:var(--color-text-primary);background:#f9f9f9}.admin-del-btn{color:#dc2626;cursor:pointer;background:#fff0f0;border:1px solid #ffb3b3;border-radius:4px;padding:1px 4px;font-size:7pt}.admin-group-filter{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;outline:none;font-size:8.5pt}.admin-empty{text-align:center;color:var(--color-text-muted);padding:1.5rem 0}.landing-page{background:var(--color-bg-primary);z-index:var(--z-max);opacity:1;visibility:visible;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.landing-page.hidden{opacity:0;visibility:hidden;pointer-events:none}.landing-content{background:var(--color-bg-secondary);text-align:center;border-radius:20px;width:100%;max-width:400px;margin:1rem;padding:2rem 1.8rem;box-shadow:var(--shadow-lg)!important}.landing-title{letter-spacing:-.04em;color:var(--color-text-primary);margin-bottom:.5rem;font-size:24pt;font-weight:800}.landing-subtitle{color:var(--color-text-secondary);margin-bottom:2rem;font-size:10.5pt;line-height:1.5}.landing-auth-box{flex-direction:column;gap:.5rem;display:flex}.landing-auth-box input{border:1px solid var(--color-border-primary);color:#000;background:#fcfcfc;border-radius:8px;outline:none;width:100%;padding:.8rem 1rem;font-size:10.5pt;transition:border-color .2s,background .2s}.landing-auth-box input:focus{border-color:var(--color-text-primary);background:var(--color-bg-secondary)}.landing-err{color:#d44;text-align:left;min-height:1.2em;margin-top:-.4rem;font-size:9pt}.landing-btns{gap:.8rem;margin-top:.5rem;display:flex}.landing-btn{cursor:pointer;border-radius:8px;flex:1;padding:.8rem;font-size:10pt;font-weight:600;transition:background .2s,opacity .2s}.landing-btn.login{background:var(--color-text-primary);color:var(--color-bg-secondary);border:none}.landing-btn.login:hover{background:#000}.landing-btn.signup{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.landing-btn.signup:hover{background:var(--color-border-light)}.landing-divider{background:var(--color-border-light);height:1px;margin:1.2rem 0}.landing-social-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.8rem;font-size:10pt;font-weight:500;transition:background .2s;display:flex}.landing-social-btn:hover{background:var(--color-bg-primary)}.landing-social-btn svg{width:16px;height:16px}.landing-social-btn.kakao{color:#000000d9;background:#fee500;border:none}.landing-social-btn.kakao:hover{background:#f4dc00}.landing-social-btn.naver{background:var(--color-success);color:var(--color-bg-secondary);border:none}.landing-social-btn.naver:hover{background:var(--color-success)}.landing-page.landing-overlay-mode{-webkit-backdrop-filter:none;background:0 0;align-items:flex-start;padding-top:16rem}body.dark-mode .landing-page.landing-overlay-mode{background:0 0}.landing-overlay-mode .landing-content{background:rgba(var(--color-bg-secondary-rgb,255, 255, 255), .9);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--color-text-primary-rgb,0, 0, 0), .08);cursor:grab;-webkit-user-select:none;user-select:none;max-width:340px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014}.landing-overlay-mode .landing-content:active{cursor:grabbing}body.has-landing-overlay .book-page-wrapper{padding-bottom:10rem;padding-top:.5rem!important}.landing-overlay-mode .landing-title{margin-bottom:.3rem;font-size:20pt}.landing-overlay-mode .landing-subtitle{margin-bottom:1.5rem;font-size:10pt}html.logged-out .input-area.landing-demo,body.public-viewer .input-area.landing-demo{opacity:.7;pointer-events:none;display:block!important}.input-area.landing-demo .send-btn,.input-area.landing-demo .mic-btn,.input-area.landing-demo .char-count,.input-area.landing-demo .feedback-row{display:none!important}#globalNoticeContainer{margin-top:.8rem;margin-bottom:1rem}.global-notice-wrapper{margin-bottom:.2rem}.global-notice{background-color:#0000;border:none;align-items:center;padding:.2rem .5rem;font-size:10pt;transition:all .3s;display:flex}.global-notice.hidden{display:none!important}.notice-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background-color:#0000000d;border:1px solid #0000001a;border-radius:4px;flex-shrink:0;margin-right:.6rem;padding:2px 6px;font-size:7.5pt;font-weight:700}.notice-content{white-space:nowrap;text-overflow:ellipsis;word-break:break-all;color:var(--color-text-secondary);flex-grow:1;font-style:normal;font-weight:400;line-height:1.3;display:block;overflow:hidden}.notice-content a{color:inherit;margin-left:6px;font-weight:500;text-decoration:underline}.notice-content:hover{color:var(--color-text-secondary)}.notice-body{color:var(--color-text-secondary);white-space:pre-wrap;padding:.2rem 1rem .6rem 4.6rem;font-size:10pt;line-height:1.6;animation:.2s fadeIn}.notice-body a{color:var(--color-primary);font-weight:500;text-decoration:underline}.notice-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:10px;padding:0 4px;font-size:16px;transition:color .2s}.notice-close:hover{color:var(--color-text-secondary)}body.dark-mode .global-notice{background-color:#0000;border:none}body.dark-mode .notice-badge{color:var(--color-text-muted);background-color:#ffffff1a;border-color:#ffffff26}body.dark-mode .notice-content,body.dark-mode .notice-body{color:var(--color-text-muted)}body.dark-mode .notice-body a{color:#4da3ff}body.dark-mode .notice-close{color:var(--color-text-secondary)}body.dark-mode .notice-close:hover{color:var(--color-border-light)}