.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.paper-outline,.paper-outline-left,.paper-outline-right,.paper-outline-top,.paper-outline-bottom{animation:sketchyJitter .15s ease-in-out infinite alternate}.paper-outline-left{animation-delay:.05s}.paper-outline-right{animation-delay:.1s}.paper-outline-top{animation-delay:.05s}.paper-outline-bottom{animation-delay:.1s}@keyframes sketchyJitter{0%{transform:translate(0) rotate(0)}25%{transform:translate(.3px,-.2px) rotate(.1deg)}50%{transform:translate(-.2px,.3px) rotate(-.1deg)}75%{transform:translate(.2px,.2px) rotate(.05deg)}to{transform:translate(-.3px,-.3px) rotate(-.05deg)}}.paper-line,.fold-line{animation:lineShiver .2s ease-in-out infinite alternate}@keyframes lineShiver{0%{opacity:.6}to{opacity:.8}}.frame-1 svg{animation:stopMotionShift .8s ease-in-out infinite}.frame-2 svg{animation:stopMotionShift .8s ease-in-out .266s infinite}.frame-3 svg{animation:stopMotionShift .8s ease-in-out .533s infinite}@keyframes stopMotionShift{0%,to{transform:translate(0)}50%{transform:translate(1px,-1px)}}.frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;animation:flicker 2.4s infinite}.frame-1:after{animation-delay:.8s}.frame-2:after{animation-delay:1.6s}.frame-3:after{animation-delay:0s}@keyframes flicker{0%{opacity:0}5%{opacity:1}10%{opacity:0}}.page-404{position:fixed;top:0;left:0;width:100%;height:var(--vh);overflow:hidden}.content-404{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.code-404{font-size:120px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1;opacity:0;animation:fadeInScale .6s ease-out both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animation-404{display:flex;align-items:center;justify-content:center}.paper-animation{position:relative;width:200px;height:200px}.frame{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;align-items:center;justify-content:center}.frame-1{animation:frame1 2.4s steps(1) infinite}.frame-2{animation:frame2 2.4s steps(1) infinite}.frame-3{animation:frame3 2.4s steps(1) infinite}@keyframes frame1{0%{opacity:1;transform:scale(1)}33.33%{opacity:1}33.34%{opacity:0;transform:scale(.95)}to{opacity:0}}@keyframes frame2{0%,33.33%{opacity:0;transform:scale(.95)}33.34%{opacity:1;transform:scale(1)}66.66%{opacity:1}66.67%{opacity:0;transform:scale(.95)}to{opacity:0}}@keyframes frame3{0%,66.66%{opacity:0;transform:scale(.95)}66.67%{opacity:1;transform:scale(1)}99.99%{opacity:1}to{opacity:0;transform:scale(.95)}}.hand-drawn{width:160px;height:160px}.message-404{text-align:center;animation:fadeInUp .6s ease-out .3s both}.title-404{font-size:2rem;color:var(--color-text-primary);margin:0 0 12px;font-weight:600}.subtitle-404{font-size:1.5rem;color:var(--color-text-secondary);margin:0 0 32px;font-weight:400}.link-404{display:inline-block;padding:12px 32px;background:var(--color-text-main);color:var(--color-white);text-decoration:none;border-radius:8px;font-size:1rem;transition:all .2s ease}.link-404:hover{transform:translateY(-2px);box-shadow:var(--shadow-md-sm)}.link-404:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.code-404{font-size:80px}.title-404{font-size:1.5rem}.subtitle-404{font-size:1rem}}.create-page .paper-container{overflow:visible!important;max-height:85vh;aspect-ratio:600 / 800}.create-page .paper-bg{overflow:visible!important;display:block!important;width:100%!important;height:100%!important;transform:scaleX(1.05)}.create-page .paper-content{padding:3rem 2.5rem 3.5rem}.paper-title{font-size:2rem;font-weight:300;text-align:center;letter-spacing:.8rem;margin-bottom:2rem;color:var(--color-text-main)}.input-section{flex:0 1 auto;margin-bottom:.8rem}.confession-textarea{width:100%;min-height:280px;padding:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--color-text-main);background:transparent;border:none;resize:none;outline:none;cursor:text;caret-color:var(--color-text-main);-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(max-width:768px){.confession-textarea{touch-action:none}}.confession-textarea::placeholder{color:var(--color-text-placeholder);font-style:italic}.options-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.action-section-divider{width:90%;height:1px;border-bottom:1px dashed var(--color-border-dashed);margin-top:6rem;margin-bottom:1rem;margin-left:auto;margin-right:auto}.action-section{position:relative;display:flex;flex-direction:column;align-items:center}.action-buttons-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.rate-limit-warning{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;padding:.4rem .75rem;background:var(--color-warning-bg);border:1px solid #000;border-radius:4px;font-size:.75rem;line-height:1.4;text-align:center;white-space:nowrap;z-index:5;animation:warningFadeIn .3s ease}@keyframes warningFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.option-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.option-checkbox{position:absolute;opacity:0;pointer-events:none}.checkbox-svg{width:22px;height:22px;flex-shrink:0;transition:transform .2s ease}.option-label:hover .checkbox-svg{transform:scale(1.1)}.option-label span{font-size:1rem;color:var(--color-text-secondary)}.recommendations-section{margin-top:3rem;max-width:700px;margin-left:auto;margin-right:auto}.recommendations-title{font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:.5rem;color:var(--color-text-main);letter-spacing:.2rem}.recommendations-subtitle{text-align:center;color:var(--color-text-meta);margin-bottom:1.5rem;font-size:.95rem}.loading-papers{text-align:center;padding:3rem;color:var(--color-text-meta);font-style:italic}.recommendations-list{display:flex;flex-direction:column}@media(max-width:768px){.paper-title{font-size:1.5rem;letter-spacing:.5rem}.confession-textarea{min-height:80px;font-size:1rem;padding:.8rem 1rem}.action-buttons-row{gap:.8rem}.paper-content{min-height:380px;justify-content:flex-start}.input-section{margin-bottom:0;flex:0 1 auto}.action-section-divider{width:90%;margin-top:-.5rem;margin-bottom:1rem}.action-section{position:relative;margin-top:-.3rem}.rate-limit-warning{font-size:.65rem;padding:.3rem .5rem;top:calc(100% + .3rem);white-space:nowrap}.create-page .paper-container{max-height:75vh;aspect-ratio:auto}.create-page .paper-bg{height:auto!important;transform:scaleX(1)}.create-page .paper-content{padding:2rem 1.25rem 2.5rem}}.paper-page-wrapper{height:var(--vh);width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.action-btn{padding:.5rem .875rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-weight:500}.action-btn.primary{background:var(--color-white);color:var(--color-text-main);border:2px solid var(--color-text-main)}.action-btn.primary:hover{background:var(--color-bg-70);transform:translateY(-1px)}.action-btn.secondary{background:var(--color-white);color:var(--color-text-main);border:2px solid var(--color-text-main)}.action-btn.secondary:hover{background:var(--color-bg-70);transform:translateY(-1px)}.paper-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1.2;padding:.25rem .6rem;border-radius:10px;font-weight:500;box-sizing:border-box}.paper-badge.public{background:var(--color-status-public-bg);color:var(--color-status-public);border:1px solid var(--color-status-public-border)}.paper-badge.private{background:var(--color-status-private-bg);color:var(--color-status-private);border:1px solid var(--color-status-private-border)}.paper-badge.password{background:var(--color-status-password-bg);color:var(--color-status-password);border:1px solid var(--color-status-password-border)}.error-paper{position:relative;width:100%;max-width:600px;margin:0 auto}.error-paper .paper-bg{width:100%;height:auto;filter:var(--shadow-drop)}.error-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:3rem 3.5rem 3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-icon{font-size:4rem;margin-bottom:1.5rem}.error-title{margin:0 0 1rem;font-size:1.5rem;font-weight:400;color:var(--color-text-main);letter-spacing:.2rem}.error-message{margin:0 0 2rem;font-size:.95rem;color:var(--color-text-label);line-height:1.6}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.paper-bg-water{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-water);z-index:0;overflow:hidden}.paper-ink-mist{position:absolute;width:500px;height:500px;background:radial-gradient(ellipse at center,var(--color-black-alpha-04) 0%,transparent 70%);filter:blur(50px);animation:mistFloat 25s ease-in-out infinite}.paper-ink-mist.mist-1{left:-10%;top:20%;animation-delay:0s}.paper-ink-mist.mist-2{right:-15%;top:40%;animation-delay:8s}.paper-ink-mist.mist-3{left:30%;bottom:-10%;animation-delay:16s}.paper-content-wrapper{position:relative;z-index:1;width:100%;max-width:700px;overflow:visible}.paper-container{position:relative;width:100%;max-width:600px;max-height:85vh;margin:0 auto;overflow:visible;aspect-ratio:600 / 800}.paper-bg{width:100%;height:100%;display:block;filter:var(--shadow-drop);overflow:visible}.paper-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:3rem 4rem 3.5rem;display:flex;flex-direction:column;box-sizing:border-box}.paper-content .close-btn{position:absolute;top:2rem;right:3.3rem;z-index:10}@media(max-width:768px){.paper-page-wrapper{padding:6rem 1rem 1rem;align-items:flex-start;height:100%;overflow:hidden}.paper-content .close-btn{top:1.5rem;right:1.5rem;width:28px;height:28px}.paper-content{padding:2rem 2.5rem 2.5rem}.paper-container{max-width:100%;max-height:75vh;aspect-ratio:auto}.paper-bg{height:auto}.error-content{padding:2.5rem 2rem}.error-title{font-size:1.3rem}.action-btn{padding:.65rem 1.5rem;font-size:.85rem}}.paper-list-item-link{text-decoration:none;display:block}.paper-list-item{position:relative;padding:12px 16px;background:var(--color-bg-alpha-95);border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.paper-list-item-link:hover .paper-list-item{background:var(--color-white);border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.item-title{color:var(--color-text-main);font-size:14px;line-height:1.6;display:block}.item-meta{color:var(--color-text-date);font-size:12px;margin-top:4px;display:block}.item-preview{position:absolute;bottom:calc(100% + 8px);left:0;width:280px;background:var(--color-white);border-radius:8px;padding:16px;box-shadow:var(--shadow-lg);z-index:100;animation:previewFadeIn .2s ease-out;pointer-events:none}.preview-content{color:var(--color-text-secondary);font-size:13px;line-height:1.6;margin-bottom:8px}.preview-hint{color:var(--color-text-date);font-size:11px;text-align:center;font-style:italic}.dashboard-page{min-height:var(--vh);background:var(--color-card-bg);padding:2rem;position:relative}.dashboard-back-btn{position:fixed;top:2rem;left:2rem;z-index:10}.dashboard-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;padding-top:3rem;padding-left:2rem;min-height:calc(var(--vh) - 4rem)}.dashboard-sidebar{width:200px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.75rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none!important;outline:none;box-shadow:none;border-radius:12px;cursor:pointer;font-size:.95rem;color:var(--color-text-main);transition:all .2s}.sidebar-nav-item:focus{outline:none;box-shadow:none}.sidebar-nav-item:hover{background:var(--color-main-alpha-03);transform:scale(1.02)}.sidebar-nav-item.active{background:var(--color-main-alpha-05);font-weight:500}.sidebar-nav-item svg{flex-shrink:0}.dashboard-main{flex:1;min-width:0}@media(max-width:768px){.dashboard-main{-webkit-overflow-scrolling:touch}.dashboard-main::-webkit-scrollbar{width:4px}.dashboard-main::-webkit-scrollbar-thumb{background:transparent}}.dashboard-content-section{background:var(--color-card-bg);border:2px solid var(--color-border-main);border-radius:12px;padding:2rem;min-height:500px;max-height:calc(var(--vh) - 8rem);position:relative;display:flex;flex-direction:column}.dashboard-content-section.api-section{overflow:hidden}.dashboard-content-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.3;border-radius:10px}.userinfo-card{display:flex;gap:1.5rem;padding:2rem;background:var(--color-input-bg-ghost);border:2px solid var(--color-border-ghost);border-radius:12px;position:relative;z-index:1}.userinfo-avatar{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-card-bg);border:2px solid var(--color-border-main);border-radius:50%;color:var(--color-text-main)}.userinfo-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.userinfo-name{font-size:1.5rem;font-weight:600;color:var(--color-text-main)}.userinfo-email{font-size:.95rem;color:var(--color-text-label)}.userinfo-stats{font-size:.9rem;color:var(--color-text-meta);font-style:italic}.papers-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px dashed var(--color-border-dashed);position:relative;z-index:1}.papers-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-main)}.papers-count{font-size:.9rem;color:var(--color-text-meta);font-style:italic}.api-section{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.api-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;padding-right:1.5rem;margin-bottom:1.5rem;border-bottom:1px dashed var(--color-border-dashed)}.api-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-main)}.btn-create-key{padding:.6rem 1.2rem;background:var(--color-white);border:2px solid var(--color-border-main);border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--color-text-main)}.btn-create-key:hover{background:var(--color-main-alpha-05);transform:scale(1.02)}.new-key-alert{background:var(--color-main-alpha-03);border:2px solid var(--color-border-main);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.new-key-alert h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:var(--color-text-main)}.new-key-alert .alert-warning{margin:.5rem 0 1rem;color:var(--color-warning);font-size:.9rem}.key-display{display:flex;gap:.5rem;margin:1rem 0;align-items:center}.key-code{flex:1;padding:.75rem 1rem;background:var(--color-input-bg);border:2px solid var(--color-border-main);border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;color:var(--color-text-main);word-break:break-all}.btn-copy{padding:.6rem 1rem;background:var(--color-main-alpha-05);border:2px solid var(--color-border-main);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;color:var(--color-text-main);white-space:nowrap}.btn-copy:hover{background:var(--color-main-alpha-08)}.key-name{margin-bottom:1rem;font-size:.95rem;color:var(--color-text-main)}.btn-dismiss{padding:.5rem 1.5rem;background:var(--color-main-alpha-05);border:2px solid var(--color-border-main);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;color:var(--color-text-main)}.btn-dismiss:hover{background:var(--color-main-alpha-08)}.create-key-form{background:var(--color-input-bg-ghost);border:2px solid var(--color-border-ghost);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.create-key-form h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--color-text-main)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text-main)}.form-group input{padding:.7rem 1rem;background:var(--color-input-bg);border:2px solid var(--color-border-main);border-radius:8px;font-size:.95rem;color:var(--color-text-main);outline:none;transition:all .2s}.form-group input:focus{border-color:var(--color-main)}.form-group small{font-size:.8rem;color:var(--color-text-meta);font-style:italic}.form-actions{display:flex;gap:.75rem}.create-key-form .btn-submit,.create-key-form .btn-cancel{padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;color:var(--color-text-main)}.create-key-form .btn-submit{background:var(--color-white);border:2px solid var(--color-border-main)}.create-key-form .btn-submit:hover{background:var(--color-main-alpha-05);border:2px solid var(--color-border-main)}.create-key-form .btn-cancel{background:var(--color-white);border:2px solid var(--color-border-main);color:var(--color-text-secondary)}.create-key-form .btn-cancel:hover{background:var(--color-main-alpha-03);border:2px solid var(--color-border-main)}.btn-submit,.btn-cancel{padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;color:var(--color-text-main)}.btn-submit{background:var(--color-main-alpha-05);color:var(--color-text-main)}.btn-submit:hover{background:var(--color-main-alpha-08);transform:scale(1.02)}.btn-cancel{background:transparent;color:var(--color-text-meta)}.btn-cancel:hover{background:var(--color-main-alpha-03)}.api-scrollable-content{overflow-y:auto;flex:1;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.api-scrollable-content::-webkit-scrollbar{display:none}.api-keys-list{margin-bottom:2rem}.api-keys-items{display:flex;flex-direction:column;gap:0}.api-key-item{position:relative;width:100%;padding:.75rem 1.25rem;border-bottom:1px dashed var(--color-border-ghost);transition:background .3s}.api-key-item:hover{background:var(--color-main-alpha-05)}.api-key-item:hover .delete-btn{opacity:1}.api-key-item:last-child{border-bottom:none}.api-key-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:0}.api-key-main{flex:1;min-width:0}.api-key-name{font-size:.95rem;font-weight:500;color:var(--color-text-main);margin-bottom:.5rem}.api-key-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.api-key-preview{font-size:.8rem;font-family:Courier New,monospace;color:var(--color-text-meta);padding:.2rem .6rem;background:var(--color-black-alpha-05);border-radius:4px}.api-key-meta-divider{font-size:.75rem;color:var(--color-text-hint);margin:0 .25rem}.api-key-date,.api-key-last-used{font-size:.75rem;color:var(--color-text-meta)}.api-key-item .delete-btn{flex-shrink:0;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all .3s;margin-left:auto;opacity:.7;align-self:center}.api-key-item .delete-btn:hover{opacity:1;transform:scale(1.1);color:var(--color-error-icon)}.api-key-item .delete-btn svg{width:18px;height:18px}.api-usage{background:var(--color-input-bg-ghost);border:2px solid var(--color-border-ghost);border-radius:12px;padding:1.5rem}.api-usage h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:var(--color-text-main)}.api-usage h4{margin:1rem 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text-main)}.api-usage p{margin:.5rem 0;color:var(--color-text-label);font-size:.9rem}.usage-code{background:var(--color-input-bg);border:2px solid var(--color-border-main);border-radius:8px;padding:1rem;margin:.5rem 0;overflow-x:auto}.usage-code code{font-family:Courier New,monospace;font-size:.85rem;color:var(--color-text-main);line-height:1.5}@media(max-width:768px){.dashboard-page{padding:1rem}.dashboard-back-btn{top:1rem;left:1rem}.dashboard-back-btn svg{width:20px;height:20px}.dashboard-container{flex-direction:column;padding-top:2.5rem;padding-left:0;gap:1rem}.dashboard-sidebar{width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav-item{flex:1;justify-content:center}.api-scrollable-content{flex:1;min-height:0;max-height:calc(var(--vh) - 20rem);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.api-scrollable-content::-webkit-scrollbar{display:none}.dashboard-content-section{padding:1.5rem;min-height:400px;max-height:calc(var(--vh) - 8rem)}.api-key-item{padding:1rem 1.25rem}.api-key-item .delete-btn{width:36px;height:36px}.api-key-item .delete-btn svg{width:16px;height:16px}}.papers-list{display:flex;flex-direction:column;gap:1rem;margin-top:-.5rem}.paper-item{position:relative;width:100%;padding:.75rem 1.25rem .5rem;border-bottom:1px dashed var(--color-border-ghost);transition:background .3s;cursor:pointer}.paper-item:hover{background:var(--color-main-alpha-05)}.paper-item:hover .delete-btn{opacity:1}.paper-item:last-child{border-bottom:none}.paper-item-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;margin:0}.paper-main{flex:1;min-width:0;margin-bottom:0}.paper-text{font-size:.9rem;line-height:1.5;color:var(--color-text-main);margin:0 0 .5rem}.paper-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.paper-date{font-size:.75rem;color:var(--color-text-meta)}.paper-emotions{font-size:.75rem;color:var(--color-text-label);font-style:italic}.paper-visibility{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1.2;padding:.25rem .6rem;border-radius:10px;font-weight:500;box-sizing:border-box}.paper-visibility.public{background:var(--color-status-public-bg);color:var(--color-status-public);border:1px solid var(--color-status-public-border)}.paper-visibility.private{background:var(--color-status-private-bg);color:var(--color-status-private);border:1px solid var(--color-status-private-border)}.paper-jailed{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1.2;padding:.25rem .6rem;border-radius:10px;font-weight:500;color:var(--color-status-jailed);background:var(--color-status-jailed-bg);border:1px solid var(--color-status-jailed-border);transition:all .2s;box-sizing:border-box}.paper-jailed:hover{background:#d32f2f33}.paper-jailed svg{width:14px;height:14px;display:block}.paper-item .delete-btn{flex-shrink:0;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all .3s;margin-left:auto;opacity:.7;align-self:center}.paper-item .delete-btn:hover{opacity:1;transform:scale(1.1);color:var(--color-error-icon)}.paper-item .delete-btn svg{width:20px;height:20px}@media(max-width:768px){.papers-list{gap:.25rem}.paper-item{padding:.75rem 1rem}.paper-item .delete-btn{width:36px;height:36px}.paper-item .delete-btn svg{width:18px;height:18px}}.floating-paper-wrapper{position:absolute;width:120px;height:168px;pointer-events:auto;-webkit-user-select:none;user-select:none;will-change:transform,z-index}.floating-paper{width:100%;height:100%;cursor:grab;animation:float 6s ease-in-out infinite}.floating-paper.hovered{animation-play-state:paused;transform:scale(1.05)}.floating-paper.dragging{animation-play-state:paused;cursor:grabbing}.floating-paper.hovered .paper-outline{stroke-width:2;filter:drop-shadow(0 0 8px var(--color-main-alpha-20))}.paper-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px var(--color-black-alpha-15))}.paper-outline{transition:all .3s ease}.paper-texture{mix-blend-mode:multiply}.ink-wash{filter:blur(1px)}.paper-char{font-weight:400}button.about-button{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;color:var(--color-text-muted);font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;outline:none;padding:0;text-shadow:0 2px 8px rgba(255,255,255,.8),0 4px 16px rgba(255,255,255,.6)}button.about-button svg{width:30px;height:30px}button.about-button:hover{color:var(--color-text-primary);transform:translateY(-2px);text-shadow:0 2px 12px rgba(255,255,255,1),0 4px 20px rgba(255,255,255,.8)}button.about-button:active{transform:translateY(0)}.about-overlay{position:fixed;inset:0;background:var(--color-black-alpha-30);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.about-modal{background:var(--color-card-bg);border-radius:16px;padding:32px 36px;max-width:480px;width:90%;box-shadow:var(--shadow-xl);position:relative;animation:slideUp .3s ease}.about-title{font-size:24px;font-weight:300;color:var(--color-text-primary);margin-bottom:24px;letter-spacing:.2rem}.about-content{display:flex;flex-direction:column;gap:16px}.about-text{font-size:14px;line-height:1.8;color:var(--color-text-secondary);margin:0}.tip{font-weight:400;color:var(--color-text-primary);padding-top:8px;border-top:1px solid var(--color-border-medium)}@media(max-width:768px){button.about-button{width:40px;height:40px;font-size:18px;bottom:16px;right:16px}button.about-button svg{width:24px;height:24px}.about-modal{padding:28px 24px;max-width:calc(100% - 32px)}.about-title{font-size:20px;margin-bottom:20px}.about-text{font-size:13px}}.language-switcher{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:2px solid var(--ink-primary);border-radius:20px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--ink-primary);transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a}.language-switcher:hover{background:#fff3;border-color:var(--ink-secondary);transform:translateY(-1px)}.language-switcher:active{transform:translateY(0)}.lang-text{font-weight:500;-webkit-user-select:none;user-select:none}.language-switcher{position:relative}.language-switcher:before{content:"";position:absolute;inset:2px -2px -2px 2px;border-radius:22px;border:1px solid transparent;pointer-events:none}.modal-overlay.recommended-papers-modal-overlay{z-index:1000}.modal-content-md.recommended-papers-modal-content{width:100%;position:relative}.modal-close.recommended-papers-modal-close{position:absolute;top:-40px;right:0}.modal-close.btn-close{color:var(--color-text-main)}.modal-paper{background:var(--color-card-bg);border-radius:12px;padding:28px;box-shadow:var(--shadow-xl)}.modal-paper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px}.modal-date{color:var(--color-text-date)}.modal-emotions{color:var(--color-text-label);padding:4px 10px;background:var(--color-black-alpha-04);border-radius:12px;text-transform:capitalize}.modal-paper-body{color:var(--color-text-primary);line-height:1.8;font-size:14px;margin-bottom:20px;white-space:pre-wrap;word-break:break-word;min-height:80px}.modal-reactions{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--color-border-medium)}.modal-reactions .reaction-buttons{display:flex;gap:10px;flex-wrap:wrap}.modal-reactions .btn-reaction{padding:8px 14px}.modal-reactions .btn-reaction-emoji{font-size:18px}.modal-reactions .btn-reaction-count{font-size:12px;color:var(--color-text-label);min-width:16px;text-align:center}.modal-reactions .total-reactions{font-size:12px;color:var(--color-text-date);text-align:right}.notification-center{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;font-size:13px}.notification-center:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:400px;height:40px;pointer-events:auto}.notification-bar{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--color-bg-alpha-95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:var(--shadow-lg);cursor:pointer;transition:all .3s ease;border:1px solid var(--color-border-medium);min-width:180px;justify-content:center}.notification-center:hover .notification-bar{box-shadow:var(--shadow-xl);transform:scale(1.02)}.bar-icon{color:var(--color-text-main);display:flex;align-items:center}.bar-text{font-size:14px;color:var(--color-text-main);letter-spacing:.05rem;font-weight:400}.unread-badge{background:var(--color-badge-unread);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.new-badge{background:var(--gradient-badge-new);color:#fff;font-size:10px;padding:3px 8px;border-radius:8px;font-weight:500;animation:pulse 2s ease-in-out infinite}.recommend-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .2s;position:relative;color:var(--color-text-main);margin-left:8px}.recommend-trigger:hover{background:var(--color-black-alpha-06);transform:scale(1.1)}.recommend-trigger:after{opacity:1}.notification-panel{margin-top:8px;width:320px;background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;animation:panelSlideDown .3s ease-out}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-light);background:var(--color-card-bg)}.panel-title{font-size:14px;font-weight:500;color:var(--color-text-main);letter-spacing:.05rem}.panel-actions{display:flex;align-items:center;gap:10px}.panel-count{font-size:12px;color:var(--color-text-date);padding:4px 10px;background:var(--color-black-alpha-06);border-radius:12px}.clear-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--color-text-date);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.notification-list{max-height:350px;overflow-y:auto;padding:8px;letter-spacing:normal;word-spacing:normal}.notification-item{padding:10px 12px;margin:4px 0;background:var(--color-panel-bg);border-radius:10px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;text-align:left;letter-spacing:normal!important;word-spacing:normal!important}.notification-item:hover{background:var(--color-white);box-shadow:var(--shadow-sm);transform:translate(2px)}.notification-item.unread{background:var(--color-white);border-left-color:var(--color-badge-new-start)}.notification-content{display:block;letter-spacing:normal!important;word-spacing:normal!important;text-align:left!important}.paper-title{font-size:12px!important;font-weight:400;color:var(--color-text-main);line-height:1.4;letter-spacing:normal!important;word-spacing:normal!important;text-align:left!important;text-align-last:left!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.paper-meta{font-size:11px;color:var(--color-text-date);letter-spacing:normal;word-spacing:normal}.empty-state{padding:40px 20px;text-align:center;color:var(--color-text-date);font-size:13px;font-style:italic}.notification-trigger-area{position:fixed;top:0;left:25%;width:50%;height:60px;z-index:99}.notification-center{animation:slideDown .3s ease-out}.notification-center.fade-out{animation:fadeOut .3s ease-out forwards}.user-menu{position:fixed;bottom:2rem;left:2rem;z-index:1000}.user-icon-wrapper{position:relative;display:inline-block}.user-icon-button{width:48px;height:48px;background:var(--color-card-bg);border:2px solid var(--color-border-main);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-icon-button:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.user-icon-button:active{transform:scale(.95)}.user-icon-button svg{width:20px;height:20px;transition:transform .3s}.user-icon-button:hover svg{transform:scale(1.1)}.user-dropdown{position:absolute;bottom:calc(100% + 12px);left:0;width:220px;min-height:200px;max-height:400px;animation:slideUp .3s ease-out;overflow:hidden}.dropdown-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dropdown-bg svg{width:100%;height:100%;display:block}.dropdown-content{position:relative;z-index:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.user-info{padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px dashed var(--color-border-dashed)}.user-name{font-size:1.1rem;font-weight:600;color:var(--color-text-main);margin-bottom:.25rem}.user-email{font-size:.85rem;color:var(--color-text-label);margin-bottom:.35rem;word-break:break-all}.user-papers{font-size:.85rem;color:var(--color-text-meta);font-style:italic}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;background:transparent;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text-main);transition:all .2s;border-radius:8px}.dropdown-item:hover{background:var(--color-main-alpha-05)}.dropdown-item svg{flex-shrink:0}.dropdown-item span{flex:1;text-align:left}@media(max-width:480px){.user-menu{bottom:1rem;left:1rem}.user-icon-button{width:44px;height:44px}.user-dropdown{width:180px;left:0}}.papers-list-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-alpha-50);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.papers-list-popup-modal{position:relative;width:90%;max-width:700px;max-height:85vh;height:600px;overflow:visible}.modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:1;transform:scaleY(1.25);transform-origin:center}.papers-list-popup-modal .close-btn{margin-top:-.5rem;position:absolute;right:1.5rem;z-index:20}.papers-list-popup-modal .close-btn svg{width:28px;height:28px}.papers-list-popup-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:85%;z-index:2;display:flex;flex-direction:column;box-sizing:border-box}.modal-header{margin-top:-2.5rem;margin-bottom:.75rem;padding-bottom:1rem;border-bottom:1px dashed var(--color-border-dashed)}.modal-header h2{margin:0;font-size:1.8rem;font-weight:300;letter-spacing:.3rem;color:var(--color-text-main)}.modal-body{flex:1;min-height:0;overflow:hidden;padding:0}.papers-list-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:0 .3rem 0 0;margin:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.papers-list-container::-webkit-scrollbar{width:6px}.papers-list-container::-webkit-scrollbar-track{background:var(--color-main-alpha-05);border-radius:3px}.papers-list-container::-webkit-scrollbar-thumb{background:var(--color-main-alpha-20);border-radius:3px}.papers-list-container::-webkit-scrollbar-thumb:hover{background:var(--color-black-alpha-30)}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-label);font-size:1rem;font-style:italic}.error-state{color:var(--color-error-icon)}@media(max-width:768px){.papers-list-popup-modal{width:95%;height:85vh;min-height:400px}.modal-bg{width:100%;height:100%;top:0;left:0;transform:scaleY(1.8)}.papers-list-popup-modal-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:3.5rem 1.5rem 2rem;box-sizing:border-box;display:flex;flex-direction:column;transform:none}.papers-list-popup-modal .close-btn{position:absolute;top:7rem;right:1rem;width:44px;height:44px;margin-top:0;z-index:20}.papers-list-popup-modal .close-btn svg{width:24px;height:24px}.modal-header{flex-shrink:0;margin-top:4rem;margin-bottom:.75rem;padding-bottom:.75rem}.modal-header h2{font-size:1.3rem}.modal-body{flex:1;min-height:0;overflow:hidden;padding:0}.papers-list-container{height:75%;padding-right:.2rem}}.home-page{height:var(--vh);width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.top-right-controls{position:fixed;top:20px;right:20px;z-index:100;display:flex;align-items:center;gap:12px}.home-content{position:relative;z-index:1;width:100%;height:var(--vh);display:flex;flex-direction:column;align-items:center;overflow:hidden}.title-section{text-align:center;margin-top:8vh;margin-bottom:4vh;position:relative;z-index:10}.main-title{font-size:clamp(3rem,8vw,6rem);font-weight:300;letter-spacing:1.5rem;margin-bottom:1rem;background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 20px var(--color-black-alpha-10);position:relative;display:inline-block}.main-title:after{content:"Inside";position:absolute;top:4px;left:4px;z-index:-1;background:var(--gradient-title-shadow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;filter:blur(2px)}.subtitle{font-size:clamp(.9rem,2vw,1.2rem);color:var(--color-text-muted);letter-spacing:.3rem;font-weight:300}.papers-container{position:absolute;top:0;left:0;width:100%;height:100%}.new-paper-trigger{pointer-events:auto;cursor:pointer;transition:transform .3s ease}.new-paper-trigger:hover{transform:translate(-50%) scale(1.05)}.new-paper-hint{display:block;text-align:center;margin-top:1rem;font-size:.9rem;color:var(--color-text-hint);letter-spacing:.2rem;opacity:0;animation:fadeIn 1s ease-out 1s forwards}.papers-loading{text-align:center;padding:40px;color:var(--color-text-date);font-style:italic}@media(max-width:768px){.home-page,.home-content{height:100%;overflow:hidden}.title-section{margin-top:12vh;margin-bottom:3vh}.main-title{letter-spacing:1rem}.subtitle{letter-spacing:.2rem}}.login-page{min-height:var(--vh);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-content{position:relative;z-index:1;width:100%;max-width:500px;padding:20px;margin-top:20px}.login-page .paper-container .paper-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill}.login-form{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:1;width:80%;max-width:400px;max-height:85%;overflow-y:hidden;padding:1rem 0}.form-group{margin-bottom:.75rem}.login-page .form-group input{width:100%;padding:.6rem;border:1px solid var(--color-border-default);border-radius:4px;font-size:1rem;background:var(--color-input-bg);transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box;touch-action:manipulation}@media(max-width:768px){.login-page .form-group input{touch-action:none}}@media(min-width:769px){.login-form{padding:.5rem 0}.form-group{margin-bottom:.5rem}.form-group label{margin-bottom:.35rem;min-height:1.3rem}.login-form .btn-submit.btn-auth{margin-top:1rem}.divider{margin:.5rem 0}.login-switch{margin-top:1.5rem}.auth-messages-container{min-height:2.5rem}}.login-page .form-group input:focus{outline:none;border-color:var(--color-border-main);background:var(--color-input-bg-focus)}.login-form .btn-submit.btn-auth{margin-top:1.5rem}.login-switch{text-align:center;margin-top:2.5rem}.register-page{min-height:var(--vh);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.register-content{position:relative;z-index:1;width:100%;max-width:500px;padding:20px;margin-top:20px}.paper-container{position:relative;min-height:750px;max-height:85vh;width:100%;overflow:hidden}.register-page .paper-container .paper-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill}.register-form{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:1;width:80%;max-width:400px;max-height:85%;overflow-y:hidden;padding:1rem 0}.auth-title{text-align:center;font-size:1.75rem;font-weight:300;margin-bottom:1.5rem;color:var(--color-text-main)}.username-group{margin-bottom:.1rem}.form-group label{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--color-text-label);margin-bottom:.5rem;min-height:1.5rem}.label-with-action{display:flex;align-items:center;justify-content:space-between;width:100%}.register-page .form-group input{width:100%;padding:.6rem;border:1px solid var(--color-border-default);border-radius:4px;font-size:1rem;background:var(--color-input-bg);transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box;touch-action:manipulation}@media(max-width:768px){.register-page .form-group input{touch-action:none}.register-page .register-content{padding:12px 20px;margin-top:8px}.register-page .paper-container{min-height:650px}.register-page .register-form{padding:.5rem;width:85%}.register-page .auth-messages-container{min-height:2rem}.register-page .auth-error,.register-page .auth-success{padding:.4rem;margin-bottom:.4rem;font-size:.85rem}.register-page .form-group{margin-bottom:.15rem}.register-page .form-group label{margin-bottom:.3rem;min-height:1.2rem;font-size:.9rem}.register-page .form-group input{padding:.5rem;font-size:.95rem}.register-page .field-error-placeholder{margin-top:.1rem;height:1.1rem}.register-page .field-error{font-size:.75rem}.register-page .username-messages-container{height:1.6rem}.register-page .field-hint{font-size:.75rem}.register-page .register-form .btn-auth{margin-top:.25rem}.register-page .divider{margin:.4rem 0}.register-page .divider span{padding:0 .6rem;font-size:.85rem}.register-page .resend-trigger{margin:.4rem 0}.register-page .resend-link{font-size:.85rem}.register-page .auth-switch{margin-top:.25rem}.register-page .auth-switch .link-btn{font-size:.85rem}.register-page .desktop-only{display:none!important}.register-page .auth-buttons-row{display:flex;gap:8px;align-items:center;margin-top:1rem;margin-bottom:1rem}.register-page .submit-btn{flex:1;width:auto!important;margin:0!important;padding:.75rem!important;box-sizing:border-box!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important}.register-page .btn-google-inline{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.75rem;border:1px solid var(--color-border-default);border-radius:8px;background:#fff;color:var(--color-text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease;height:46px;box-sizing:border-box}.register-page .btn-google-inline:hover:not(:disabled){background:#f8f9fa;border-color:var(--color-border-default)}.register-page .btn-google-inline:disabled{opacity:.6;cursor:not-allowed}.register-page .btn-google-inline svg{width:20px;height:20px;flex-shrink:0}}@media(min-width:769px){.btn-google-inline{display:none!important}.desktop-only{display:flex!important}}@media(min-width:769px){.register-form{padding:.5rem 0}.form-group{margin-bottom:.25rem}.form-group label{margin-bottom:.35rem;min-height:1.3rem}.field-error-placeholder{margin-top:.15rem;height:1.2rem}.username-messages-container{height:2rem}.register-form .btn-auth{margin-top:.35rem}.divider,.resend-trigger{margin:.5rem 0}.auth-switch{margin-top:.35rem}.auth-messages-container{min-height:2.5rem}}.register-page .form-group input:focus{outline:none;border-color:var(--color-border-main);background:var(--color-input-bg-focus)}.auth-error{background:var(--color-error-bg);color:var(--color-error-text);padding:.65rem;border-radius:4px;margin-bottom:.75rem;font-size:.9rem}.auth-success{background:var(--color-success-bg);color:var(--color-success-text);padding:.65rem;border-radius:4px;margin-bottom:.75rem;font-size:.9rem}.auth-loading{text-align:center;font-size:1.2rem;color:var(--color-text-label)}.register-form .btn-auth{margin-top:.5rem}.auth-switch{text-align:center;margin-top:.5rem}.link-btn{background:none;border:none;color:var(--color-text-label);text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0}.link-btn:hover{color:var(--color-text-main)}.divider{display:flex;align-items:center;text-align:center;margin:.75rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border-default)}.divider span{padding:0 1rem;color:var(--color-text-label);font-size:.9rem}.input-error{border-color:var(--color-validation-error)!important}.field-error{color:var(--color-validation-error);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-error-placeholder{margin-top:.25rem;height:1.5rem}.auth-messages-container{min-height:3rem}.username-messages-container{height:2.5rem}.checking-text{font-size:.8rem;color:var(--color-text-label);font-weight:400;margin-left:.5rem}.field-hint{font-size:.8rem;color:var(--color-text-label)}.resend-trigger{text-align:center;margin:.75rem 0}.resend-link{color:var(--color-text-label);text-decoration:underline}.resend-link:disabled{opacity:.5;cursor:not-allowed}.resend-link:not(:disabled):hover{color:var(--color-text-main)}.user-router-paper-container .paper-bg{transform:scaleX(1.05)}.user-router-paper-container .paper-content{padding:3rem 4rem 3.5rem!important;display:flex;flex-direction:column;height:100%;overflow:hidden}.user-router-paper-container .paper-meta-header{flex:0 0 auto;flex-shrink:0;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--color-border-dashed)}.user-router-paper-container .user-name{font-size:1.1rem;font-weight:500;color:var(--color-text-main);margin-bottom:.5rem}.user-router-paper-container .meta-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-router-paper-container .paper-date{font-size:.8rem;color:var(--color-text-meta)}.user-router-paper-container .paper-body{flex:1 1 auto;margin-bottom:2rem;overflow-y:visible;overflow-x:hidden;min-height:0;max-height:calc(100% - 200px)}.user-router-paper-container .paper-text{font-size:1.05rem;line-height:1.8;color:var(--color-text-main);white-space:pre-wrap;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-router-paper-container .paper-edit-textarea{width:100%;min-height:200px;max-height:300px;padding:0;font-size:1.05rem;line-height:1.8;color:var(--color-text-main);background:transparent;border:none;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.user-router-paper-container .paper-edit-textarea:focus{outline:none}.user-router-paper-container .paper-actions-container{flex:0 0 auto;flex-shrink:0}.user-router-paper-container .action-section-divider{width:90%;height:1px;border-bottom:1px dashed var(--color-border-dashed);margin:3rem auto 1rem}.user-router-paper-container .paper-actions{position:relative;display:flex;flex-direction:column;align-items:center}.user-router-paper-container .paper-actions .action-buttons-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.user-router-paper-container .reactions-section{flex:0 0 auto;flex-shrink:0;padding-top:1.5rem}.user-router-paper-container .reactions-title{font-size:.85rem;color:var(--color-text-label);margin-bottom:1rem;letter-spacing:.1rem}.user-router-paper-container .reactions-list{display:flex;gap:.75rem;flex-wrap:wrap}.user-router-paper-container .reaction-item{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:var(--color-main-alpha-05);border-radius:20px;transition:all .2s ease}.user-router-paper-container .reaction-item:hover{background:var(--color-main-alpha-10);transform:translateY(-1px)}.user-router-paper-container .reaction-emoji{font-size:1.1rem}.user-router-paper-container .reaction-count{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}@media(max-width:768px){.user-router-paper-container .paper-content{padding:2rem 2rem 2.5rem!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.user-router-paper-container .paper-meta-header{margin-bottom:1rem;padding-bottom:1rem;flex:0 0 auto!important}.user-router-paper-container .user-name{font-size:1rem}.user-router-paper-container .paper-text{font-size:1rem;line-height:1.6}.user-router-paper-container .paper-edit-textarea{font-size:1rem;max-height:200px}.user-router-paper-container .paper-body{flex:1 1 0%!important;margin-bottom:.5rem;max-height:40vh!important;overflow-y:visible!important;overflow-x:hidden!important;min-height:0!important}.user-router-paper-container .paper-actions-container{flex:0 0 auto!important}.user-router-paper-container .action-section-divider{width:90%;margin:-4rem auto .5rem!important}.user-router-paper-container .paper-actions .action-buttons-row{gap:.8rem}.user-router-paper-container .paper-bg{transform:scaleX(1)}}.app{height:var(--vh);width:100%;position:relative;overflow:hidden}@media(max-width:768px){.app{height:var(--vh);overflow:hidden}}.water-surface{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-water);overflow:hidden;z-index:0}.water-ripple{position:absolute;border-radius:50%;border:1px solid var(--color-black-alpha-05);animation:ripple 8s ease-out infinite}.ink-mist{position:absolute;width:500px;height:500px;background:radial-gradient(ellipse at center,var(--color-black-alpha-08) 0%,var(--color-black-alpha-04) 40%,transparent 70%);filter:blur(60px);animation:mistMove 25s ease-in-out infinite}:root{--vh: 100vh;--color-bg-start: #f8f8f3;--color-bg-30: #f0f0e8;--color-bg-70: #e8e8e0;--color-bg-end: #ddd8d0;--color-card-bg: #faf8f5;--color-input-bg: rgba(255, 255, 255, .9);--color-input-bg-focus: #ffffff;--color-input-bg-ghost: rgba(255, 255, 255, .5);--color-input-bg-ghost-focus: rgba(255, 255, 255, .8);--color-white: #ffffff;--color-white-soft: #fff;--color-panel-bg: #f9f9f7;--color-text-primary: #1a1a1a;--color-text-main: #2a2a2a;--color-text-secondary: #4a4a4a;--color-text-muted: #6a6a6a;--color-text-label: #666;--color-text-hint: #8a8a8a;--color-text-meta: #888;--color-text-date: #999;--color-text-placeholder: #9a9a9a;--color-border-default: #ddd;--color-border-main: #2a2a2a;--color-border-light: rgba(0, 0, 0, .06);--color-border-medium: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .1);--color-border-dashed: rgba(42, 42, 42, .2);--color-border-ghost: rgba(42, 42, 42, .15);--color-error: #e74c3c;--color-error-text: #c33;--color-error-bg: #fee;--color-error-icon: #e74c3c;--color-error-bg-hover: rgba(231, 76, 60, .1);--color-error-alpha-1: rgba(231, 76, 60, .1);--color-validation-error: #dc3545;--color-success-primary: #2e7d32;--color-success-text: #155724;--color-success-bg: #d4edda;--color-warning: #ffc107;--color-warning-border: #ffc107;--color-warning-bg: #fff3cd;--color-warning-text: #856404;--color-status-public: #2e7d32;--color-status-private: #e65100;--color-status-password: #1976d2;--color-status-jailed: #d32f2f;--color-status-public-bg: rgba(46, 125, 50, .1);--color-status-public-border: rgba(46, 125, 50, .3);--color-status-private-bg: rgba(230, 81, 0, .1);--color-status-private-border: rgba(230, 81, 0, .3);--color-status-password-bg: rgba(25, 118, 210, .1);--color-status-password-border: rgba(25, 118, 210, .3);--color-status-jailed-bg: rgba(211, 47, 47, .1);--color-status-jailed-border: rgba(211, 47, 47, .3);--color-badge-new-start: #667eea;--color-badge-new-end: #764ba2;--color-badge-unread: #e74c3c;--color-black-alpha-02: rgba(0, 0, 0, .02);--color-black-alpha-04: rgba(0, 0, 0, .04);--color-black-alpha-05: rgba(0, 0, 0, .05);--color-black-alpha-06: rgba(0, 0, 0, .06);--color-black-alpha-08: rgba(0, 0, 0, .08);--color-black-alpha-10: rgba(0, 0, 0, .1);--color-black-alpha-15: rgba(0, 0, 0, .15);--color-black-alpha-20: rgba(0, 0, 0, .2);--color-black-alpha-30: rgba(0, 0, 0, .3);--color-black-alpha-50: rgba(0, 0, 0, .5);--color-main-alpha-03: rgba(42, 42, 42, .03);--color-main-alpha-05: rgba(42, 42, 42, .05);--color-main-alpha-08: rgba(42, 42, 42, .08);--color-main-alpha-10: rgba(42, 42, 42, .1);--color-main-alpha-20: rgba(42, 42, 42, .2);--color-main: #2a2a2a;--color-bg-alpha-95: rgba(250, 248, 245, .95);--color-white-alpha-90: rgba(255, 255, 255, .9);--gradient-water: linear-gradient( 180deg, var(--color-bg-start) 0%, var(--color-bg-30) 30%, var(--color-bg-70) 70%, var(--color-bg-end) 100% );--gradient-title: linear-gradient(180deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%);--gradient-title-shadow: linear-gradient(180deg, #2a2a2a 0%, #5a5a5a 100%);--gradient-badge-new: linear-gradient(135deg, var(--color-badge-new-start) 0%, var(--color-badge-new-end) 100%);--gradient-shine: linear-gradient(90deg, transparent, rgba(42, 42, 42, .1), transparent);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-md-sm: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .15);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .2);--shadow-drop: 0 10px 40px rgba(0, 0, 0, .15)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInTranslate{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes previewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes ripple{0%{transform:scale(.8);opacity:.3}to{transform:scale(2);opacity:0}}@keyframes mistMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}@keyframes mistFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.9)}}@keyframes arrowSketch{0%{transform:translate(0) rotate(0)}25%{transform:translate(.3px,-.2px) rotate(.1deg)}50%{transform:translate(-.2px,.3px) rotate(-.1deg)}75%{transform:translate(.2px,.2px) rotate(.05deg)}to{transform:translate(-.3px,-.3px) rotate(-.05deg)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-submit:disabled:hover{transform:none;box-shadow:none}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:none;cursor:pointer;color:var(--color-text-main);transition:all .3s ease}.btn-close svg{width:32px;height:32px}.btn-close--rotate:hover{transform:rotate(90deg)}.btn-close--scale:hover{transform:scale(1.1)}.btn-close--sm{width:40px;height:40px}.btn-close--sm svg{width:24px;height:24px}.btn-reaction{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s}.btn-reaction:hover:not(.disabled){background:var(--color-black-alpha-04);transform:scale(1.05)}.btn-reaction:active:not(.disabled){transform:scale(.95)}.btn-reaction.disabled{opacity:.6;cursor:not-allowed}.btn-reaction-lg{padding:8px 14px}.btn-reaction-emoji{font-size:16px}.btn-reaction-count{font-size:12px;color:var(--color-text-label);min-width:16px;text-align:center}.btn-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;background:transparent;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text-main);transition:all .2s;border-radius:8px}.btn-dropdown-item:hover{background:var(--color-main-alpha-05)}.btn-dropdown-item svg{flex-shrink:0}.btn-delete{flex-shrink:0;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all .3s;margin-left:auto;opacity:.7}.btn-delete:hover{opacity:1;transform:scale(1.1);color:var(--color-error-icon)}.btn-delete svg{width:20px;height:20px}.btn-clear{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--color-text-date);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.btn-clear:hover{color:var(--color-error-icon);background:var(--color-error-bg-hover)}.btn-clear svg{flex-shrink:0}.btn-back{width:48px;height:48px;background:var(--color-card-bg);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all .2s}.btn-back:hover{transform:scale(1.05)}.btn-back:active{transform:scale(.95)}.btn-back svg{width:24px;height:24px;transition:transform .2s}.btn-back:hover svg{transform:translate(-2px)}.btn-back svg path{animation:arrowSketch .15s ease-in-out infinite alternate}.btn-submit.btn-submit-paper{width:auto;min-width:140px;padding:1.2rem 3rem;font-size:1.1rem;letter-spacing:.3rem;color:var(--color-text-main);background:transparent;border:2px solid var(--color-border-main);position:relative;overflow:hidden;min-height:52px}.btn-submit.btn-submit-paper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shine);transition:left .5s ease}.btn-submit.btn-submit-paper:hover:not(:disabled){background:var(--color-text-main);color:var(--color-card-bg);transform:translateY(-2px);box-shadow:var(--shadow-md-sm)}.btn-submit.btn-submit-paper:hover:not(:disabled):before{left:100%}.btn-submit.btn-submit-paper:disabled:hover{background:transparent;color:var(--color-text-main)}.btn-submit-paper-icon{width:20px;height:20px}.btn-submit.btn-submit-paper-compact{width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);background:transparent;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.btn-submit.btn-submit-paper-compact .btn-submit-paper-icon{width:28px!important;height:28px!important}.success-check{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:56px;padding-right:4px;margin-left:-4px;color:var(--color-success-primary);animation:successCheckBounce .5s ease}@keyframes successCheckBounce{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.2);opacity:1}to{transform:translateY(-50%) scale(1);opacity:1}}.error-icon{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:56px;padding-right:4px;margin-left:-4px;color:var(--color-error-icon);animation:errorShake .5s ease}@keyframes errorShake{0%{transform:translateY(-50%) scale(0);opacity:0}25%{transform:translateY(-50%) scale(1.2) rotate(-10deg);opacity:1}50%{transform:translateY(-50%) scale(1) rotate(10deg)}75%{transform:translateY(-50%) scale(1.1) rotate(-5deg)}to{transform:translateY(-50%) scale(1);opacity:1}}.btn-submit.btn-submit-paper-compact:hover:not(:disabled){background:transparent;color:var(--color-text-main);transform:scale(1.1)}.btn-submit.btn-submit-paper-compact:active:not(:disabled){transform:scale(.95)}.btn-submit.btn-submit-paper-compact:disabled{cursor:not-allowed!important}.save-wrapper{position:relative;width:56px;height:56px}.saving-dots{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;height:56px;padding-right:4px;margin-left:-4px}.saving-dot{width:4px;height:4px;border-radius:50%;background-color:var(--color-text-main);opacity:0;animation:savingDotPulse 1.4s infinite}.saving-dot:nth-child(1){animation-delay:0s}.saving-dot:nth-child(2){animation-delay:.2s}.saving-dot:nth-child(3){animation-delay:.4s}@keyframes savingDotPulse{0%,60%,to{opacity:.3}30%{opacity:1}}.btn-submit.btn-auth{width:100%;padding:.75rem;font-size:1rem;margin-top:1rem;background:var(--color-text-main);color:var(--color-white)}.btn-submit.btn-auth:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:.65rem;background:#fff;border:1px solid var(--color-border-default);border-radius:4px;font-size:1rem;color:var(--color-text-primary);cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:var(--color-border-default)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google svg{flex-shrink:0}.status-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--color-text-main)}.status-btn:hover{transform:scale(1.1);opacity:.8}.status-btn:active{transform:scale(.95)}@media(max-width:768px){.status-btn{width:44px!important;height:44px!important}.status-btn svg{width:22px!important;height:22px!important}.btn-submit.btn-submit-paper-compact{width:44px!important;height:44px!important;padding:0!important}.btn-submit.btn-submit-paper-compact .btn-submit-paper-icon{width:22px!important;height:22px!important}.success-check{height:44px;padding-right:3px;margin-left:-3px}.success-check svg{width:22px!important;height:22px!important}.error-icon{height:44px;padding-right:3px;margin-left:-3px}.error-icon svg{width:22px!important;height:22px!important}.saving-dots{height:44px;gap:3px;padding-right:3px;margin-left:-3px}.save-wrapper{width:44px;height:44px}.saving-dot{width:3px;height:3px}}.card{background:var(--color-card-bg);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.card-sm{padding:12px 16px;border-radius:8px}.card-lg{padding:28px}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);cursor:pointer}.card-interactive:active{transform:translateY(0)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header-title{font-size:1.5rem;font-weight:600;color:var(--color-text-main)}.card-header-subtitle{font-size:.9rem;color:var(--color-text-meta);font-style:italic}.card-header-meta{font-size:13px;color:var(--color-text-date)}.card-content{color:var(--color-text-primary);line-height:1.8;font-size:15px;margin-bottom:16px}.card-content-sm{font-size:14px;line-height:1.6}.card-content-lg{font-size:16px;line-height:2}.card-footer{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--color-border-medium)}.card-section{display:flex;gap:1.5rem;padding:2rem;background:var(--color-card-bg);border:2px solid var(--color-border-main);border-radius:12px;min-height:500px;position:relative}.card-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.3;border-radius:10px}.card-badge{color:var(--color-text-label);font-style:italic;padding:4px 10px;background:var(--color-black-alpha-04);border-radius:12px;font-size:13px}.card-glass{background:var(--color-bg-alpha-95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--shadow-xl)}.card-glass-bar{background:var(--color-bg-alpha-95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-medium);display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;transition:all .3s ease}.card-glass-bar:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.card-ghost{padding:2rem;background:var(--color-input-bg-ghost);border:2px solid var(--color-border-ghost);border-radius:12px;position:relative}.card-panel{background:var(--color-panel-bg);border-radius:10px;padding:10px 12px;margin:4px 0;transition:all .2s ease;border-left:3px solid transparent;cursor:pointer}.card-panel:hover{background:var(--color-white);box-shadow:var(--shadow-sm);transform:translate(2px)}.card-panel-unread{background:var(--color-white);border-left-color:var(--color-badge-new-start)}.card-avatar{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-card-bg);border:2px solid var(--color-border-main);border-radius:50%;color:var(--color-text-main)}.card-avatar-sm{width:48px;height:48px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black-alpha-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-overlay-sm{padding:10px}.modal-content{position:relative;width:100%;animation:slideUp .3s ease-out}.modal-content-md{max-width:500px}.modal-content-lg{max-width:700px}.modal-content-xl{max-width:900px}.modal-close{position:absolute;top:-40px;right:0;width:36px;height:36px;background:var(--color-white-alpha-90);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-main);transition:all .2s;z-index:10}.modal-close:hover{background:var(--color-white);transform:scale(1.1)}.modal-panel{background:var(--color-card-bg);border-radius:12px;padding:28px;box-shadow:var(--shadow-xl)}.modal-panel-sm{padding:20px}.modal-panel-lg{padding:32px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px dashed var(--color-border-dashed)}.modal-header-title{margin:0;font-size:1.8rem;font-weight:300;letter-spacing:.3rem;color:var(--color-text-main)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text-main)}.modal-body{flex:1;overflow-y:auto}.modal-body-padded{padding-right:.5rem}.modal-body-scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.modal-body-scrollbar-hidden::-webkit-scrollbar{display:none}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-medium)}.modal-loading,.modal-error,.modal-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-label);font-size:1rem;font-style:italic}.modal-error{color:var(--color-error-icon)}.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-black-alpha-20);border-radius:2px}.scrollbar-medium::-webkit-scrollbar{width:6px}.scrollbar-medium::-webkit-scrollbar-track{background:var(--color-main-alpha-05);border-radius:3px}.scrollbar-medium::-webkit-scrollbar-thumb{background:var(--color-main-alpha-20);border-radius:3px}.scrollbar-medium::-webkit-scrollbar-thumb:hover{background:var(--color-black-alpha-30)}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:transparent}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--color-black-alpha-20);border-radius:3px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--color-black-alpha-30)}@supports (height: 100dvh){:root{--vh: 100dvh}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,"Noto Serif SC",STSong,SimSun,sans-serif;background:var(--gradient-water);color:var(--color-text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{height:var(--vh);width:100%;overflow:hidden}@media(max-width:768px){html,body{overscroll-behavior:none;height:var(--vh);overflow:hidden}#root{height:var(--vh);overflow:hidden}}.ink-wash{position:relative}.ink-wash:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--color-black-alpha-02) 0%,transparent 70%);pointer-events:none}.ink-stroke{position:relative}.ink-stroke:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-black-alpha-30) 50%,transparent)}.paper-texture{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E")}.fade-in{animation:fadeIn .6s ease-out}.breathe{animation:breathe 4s ease-in-out infinite}