#english-container.eng-no-animate{transition:none!important}.eng-panel{max-width:900px;margin:0 auto;width:100%}.eng-result-preview{margin-top:18px;display:flex;flex-direction:column;gap:12px}.eng-result-preview.eng-result-empty{padding:20px;border-radius:12px;border:1px dashed rgba(255,255,255,.12);background:#0003}.eng-preview-placeholder{text-align:center;color:#ffffff59;font-style:italic;margin:0}.eng-preview-cn{padding:12px 14px;border-radius:10px;background:#ffffff0f;color:#fff;font-size:.95rem;line-height:1.5;border-left:3px solid rgba(162,140,255,.6)}.eng-block{padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000040}.eng-block-formal{border-left:3px solid #a29bfe}.eng-block-casual{border-left:3px solid #81ecec}.eng-block-analysis{border-left:3px solid #ffeaa7}.eng-block-label{font-size:.72rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;color:#ffffff8c;display:flex;align-items:center;gap:6px}.eng-block-formal .eng-block-label{color:#c4b5fd}.eng-block-casual .eng-block-label{color:#81ecec}.eng-block-analysis .eng-block-label{color:#ffeaa7}.eng-block-text{font-size:.98rem;line-height:1.55;color:#e8e4ff;word-break:break-word}.eng-analysis-text{color:#ddd;font-size:.92rem}.eng-day-groups{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto}.eng-day-groups::-webkit-scrollbar{width:6px}.eng-day-groups::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.eng-day-group{border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:#ffffff0a}.eng-day-header{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ffffff0f;border:none;color:#fff;cursor:pointer;text-align:left;transition:background .25s}.eng-day-header:hover{background:#ffffff1a}.eng-day-chevron{width:18px;color:#a28cff;transition:transform .3s;flex-shrink:0}.eng-day-group.is-open .eng-day-chevron{transform:rotate(90deg)}.eng-day-title{flex:1;font-size:.95rem;font-weight:600}.eng-day-count{font-size:.75rem;color:#ffffff73;padding:3px 10px;border-radius:12px;background:#a28cff26}.eng-day-body{display:none;padding:8px 10px 12px;flex-direction:column;gap:8px}.eng-day-group.is-open .eng-day-body{display:flex}.eng-item{border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .25s}.eng-item:hover{border-color:#a28cff40}.eng-item-header{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;color:#fff;cursor:pointer;text-align:left}.eng-item-chevron{width:14px;color:#fff6;transition:transform .3s;flex-shrink:0}.eng-item.is-open .eng-item-chevron{transform:rotate(90deg)}.eng-item-time{font-size:.75rem;color:#fff6;min-width:42px;flex-shrink:0}.eng-item-cn-preview{flex:1;font-size:.88rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eng-item-body{display:none;padding:0 14px 14px 38px;border-top:1px solid rgba(255,255,255,.06)}.eng-item.is-open .eng-item-body{display:block}.eng-item-cn-full{color:#fff;font-size:.92rem;margin:12px 0 10px;line-height:1.5;padding-left:8px;border-left:2px solid rgba(162,140,255,.5)}.eng-item-body .eng-block{margin-bottom:8px}.eng-item-body .eng-block:last-of-type{margin-bottom:12px}.eng-modal-content{width:90%;max-width:560px;padding:24px;background:#444254f2;border:1px solid rgba(255,255,255,.15);border-radius:16px;position:relative}@media (max-width: 768px){#english-container{padding:88px 10px 140px;width:100%;box-sizing:border-box;transition:opacity .35s ease,visibility .35s ease,transform .35s ease}.eng-panel{max-width:100%}.eng-header h2{font-size:1.15rem}.eng-glass-card{padding:14px 12px;margin-bottom:12px;border-radius:12px}.eng-toolbar{flex-direction:column;align-items:stretch;gap:8px}.eng-toolbar .eng-btn-ghost{flex:1;justify-content:center;padding:8px 12px;font-size:.82rem}.eng-search{min-width:0;width:100%}.eng-day-groups{max-height:none}.eng-day-header{padding:12px 10px;gap:8px}.eng-day-title{font-size:.88rem}.eng-day-body{padding:6px 4px 10px}.eng-item-header{flex-wrap:wrap;align-items:flex-start;padding:10px 8px;gap:6px}.eng-item-chevron{margin-top:2px}.eng-item-time{min-width:auto;font-size:.7rem;opacity:.7}.eng-item-cn-preview{flex:1 1 100%;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;padding-left:22px}.eng-item-body{padding:8px 6px 12px}.eng-item-cn-full{margin-top:4px;padding-left:10px;font-size:.95rem}.eng-block{padding:12px 10px}.eng-block-text{font-size:1.02rem;line-height:1.65;letter-spacing:.01em}.eng-analysis-text{font-size:.9rem;line-height:1.6}.eng-preview-cn,.eng-result-preview .eng-block{padding-left:10px;padding-right:10px}.eng-item-meta{flex-direction:column;align-items:flex-end;gap:6px}.eng-modal-content{width:94%;max-height:88vh;overflow-y:auto;padding:18px 14px}}#english-container{position:absolute;top:0;left:0;width:100%;min-height:100vh;z-index:10;opacity:0;visibility:hidden;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.19,1,.22,1);padding:120px 24px 80px;box-sizing:border-box;overflow-y:auto}#english-container.active-section{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:990}.eng-panel{max-width:900px;margin:0 auto}.eng-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.eng-header h2{font-size:1.5rem;font-weight:300;letter-spacing:2px;color:#fff;text-shadow:0 0 12px rgba(162,140,255,.5)}.eng-header-actions{display:flex;gap:10px;align-items:center}.eng-glass-card{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 8px 32px #0000004d}.eng-input-area{width:100%;min-height:88px;padding:14px 16px;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:1rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .3s,box-shadow .3s}.eng-input-area:focus{border-color:#a28cff;box-shadow:0 0 0 3px #a28cff33}.eng-input-area::placeholder{color:#ffffff59}.eng-result-box{margin-top:18px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,#6e8efb26,#a777e326);border:1px solid rgba(162,140,255,.25);min-height:52px}.eng-result-label{font-size:.75rem;color:#ffffff80;margin-bottom:8px;letter-spacing:1px}.eng-result-text{font-size:1.15rem;color:#e8e4ff;line-height:1.5;word-break:break-word}.eng-result-text.empty{color:#ffffff59;font-style:italic;font-size:.95rem}.eng-btn-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.eng-btn{border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.eng-btn-primary{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;box-shadow:0 4px 15px #6e8efb59}.eng-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6e8efb80}.eng-btn-primary:disabled{opacity:.55;cursor:not-allowed}.eng-btn-ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ddd}.eng-btn-ghost:hover{background:#ffffff26;color:#fff}.eng-btn-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#aaa;padding:8px 14px;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .3s}.eng-btn-close:hover{color:#ff7675;border-color:#ff767566}.eng-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.eng-search{flex:1;min-width:180px;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#fff;outline:none}.eng-search:focus{border-color:#a28cff}.eng-list{list-style:none;padding:0;margin:0;max-height:420px;overflow-y:auto}.eng-list::-webkit-scrollbar{width:6px}.eng-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.eng-item{padding:14px 16px;margin-bottom:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:background .25s,border-color .25s;cursor:pointer}.eng-item:hover{background:#ffffff1a;border-color:#a28cff4d}.eng-item-cn{color:#fff;font-size:.95rem;margin-bottom:6px;line-height:1.5}.eng-item-en{color:#b8b0e8;font-size:.9rem;line-height:1.45}.eng-item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:.75rem;color:#fff6}.eng-item-actions{display:flex;gap:8px}.eng-item-actions button{background:none;border:none;color:#aaa;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:.8rem;transition:color .2s,background .2s}.eng-item-actions button:hover{color:#fff;background:#ffffff1a}.eng-item-actions .eng-del:hover{color:#ff7675}.eng-empty-tip{text-align:center;padding:40px 20px;color:#fff6;font-size:.9rem}.eng-loading{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#a28cff;border-radius:50%;animation:eng-spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes eng-spin{to{transform:rotate(360deg)}}.eng-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 24px;background:#141428f2;border:1px solid rgba(162,140,255,.4);border-radius:12px;color:#fff;font-size:.9rem;z-index:10001;opacity:0;visibility:hidden;transition:all .35s}.eng-toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.eng-toast.error{border-color:#ff767580;color:#ffb4b4}.eng-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;justify-content:center;align-items:center;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eng-modal.active{display:flex}.eng-modal-content{width:90%;max-width:520px;padding:24px;background:#444254f2;border:1px solid rgba(255,255,255,.15);border-radius:16px;position:relative}.eng-modal-close{position:absolute;top:12px;right:16px;font-size:1.5rem;color:#aaa;cursor:pointer;border:none;background:none}.eng-modal-close:hover{color:#fff}.eng-form-group{margin-bottom:14px}.eng-form-group label{display:block;margin-bottom:6px;font-size:.85rem;color:#b2bec3}@media (max-width: 768px){#english-container{padding-top:100px;padding-left:16px;padding-right:16px}.eng-header h2{font-size:1.2rem}}:root{--gold: #FFD700;--gold-dim: rgba(255, 215, 0, .3);--text-main: #fff;--text-muted: #aaa;--glass-bg: rgba(30, 30, 40, .8);--nav-bg: rgba(10, 10, 20, .8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden;background:#000;color:var(--text-main)}#star-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to bottom,#020012,#0f0c29,#302b63)}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}section{padding:60px 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:40px;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";display:block;width:60px;height:3px;background:#fff;margin:10px auto 0;box-shadow:0 0 10px #fff}footer{text-align:center;padding:40px;color:#888}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes swing{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.christmas-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;padding:15px 30px;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);background-size:200% 200%;border-radius:50px;color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700;box-shadow:0 0 20px var(--gold-dim);border:1px solid rgba(255,255,255,.2);transition:all .5s ease;animation:gradientFlow 5s ease infinite}.christmas-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 30px #f009}.christmas-btn .icon{animation:swing 2s ease-in-out infinite}.icon-btn{background:#ffd7001a;border:1px solid var(--gold);color:var(--gold);padding:8px 15px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s;display:flex;align-items:center;gap:8px}.icon-btn:hover{background:var(--gold);color:#000;box-shadow:0 0 15px var(--gold)}.submit-btn{width:100%;padding:12px;background:linear-gradient(45deg,#f30,#fc0);border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;margin-top:10px}.navbar{position:fixed;top:50%;left:30px;bottom:auto;transform:translateY(-50%);width:auto;height:auto;padding:0;background:transparent;border:none;z-index:1000}.nav-brand{display:none}.nav-links{list-style:none;display:flex;flex-direction:column;gap:25px;padding:25px 15px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:10px 0 30px #0000004d}.nav-links a{position:relative;display:flex;justify-content:center;align-items:center;width:55px;height:55px;border-radius:50%;text-decoration:none;font-size:0;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0000004d,inset 0 2px 5px #fff6;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:floaty 3s ease-in-out infinite}.nav-links a i{font-size:1.5rem;color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.nav-links li:nth-child(1) a{animation-delay:0s;background:linear-gradient(135deg,#ff9a9e,#fecfef);box-shadow:0 8px 20px #ff9a9e66,inset 0 2px 5px #fff6}.nav-links li:nth-child(2) a{animation-delay:.2s;background:linear-gradient(135deg,#a18cd1,#fbc2eb);box-shadow:0 8px 20px #a18cd166,inset 0 2px 5px #fff6}.nav-links li:nth-child(3) a{animation-delay:.4s;background:linear-gradient(135deg,#84fab0,#8fd3f4);box-shadow:0 8px 20px #84fab066,inset 0 2px 5px #fff6}.nav-links li:nth-child(4) a{animation-delay:.6s;background:linear-gradient(135deg,#ffecd2,#fcb69f);box-shadow:0 8px 20px #fcb69f66,inset 0 2px 5px #fff6}.nav-links a:hover,.nav-links a.active{transform:scale(1.25) translate(10px);z-index:10;animation-play-state:paused;box-shadow:5px 5px 35px #ffffff80,inset 0 0 20px #fffc}.nav-links a:hover i{transform:scale(1.1)}.fullscreen-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}#couple-name{font-size:4rem;font-weight:300;letter-spacing:5px;animation:fadeIn 2s ease-in 0s forwards;transition:top .8s cubic-bezier(.175,.885,.32,1.075),left .8s cubic-bezier(.175,.885,.32,1.075),font-size .8s ease,letter-spacing .8s ease,margin .8s ease,transform .8s ease;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:999}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%)}}#couple-name.fixed-to-top{position:fixed!important;top:31px!important;left:40px!important;transform:none!important;margin:0!important;padding:0!important;font-size:3rem!important;letter-spacing:2px!important;text-align:left!important;z-index:9999;width:auto!important}#subtitle.fixed-to-top{position:fixed!important;top:85px!important;left:42px!important;letter-spacing:7px!important;transform:none!important;margin:0!important;font-size:.9rem!important;color:#fff9!important;text-align:left!important;z-index:9998}#subtitle{position:absolute;font-size:1.5rem;color:#aab;transition:top .8s cubic-bezier(.175,.885,.32,1.075),left .8s cubic-bezier(.175,.885,.32,1.075),font-size .8s ease,letter-spacing .8s ease,margin .8s ease,transform .8s ease;top:46.5%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){#subtitle{position:absolute;font-size:1.5rem;color:#aab;transition:top .8s cubic-bezier(.175,.885,.32,1.075),left .8s cubic-bezier(.175,.885,.32,1.075),font-size .8s ease,letter-spacing .8s ease,margin .8s ease,transform .8s ease;width:100%;top:46.5%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:768px){#couple-name.fixed-to-top{font-size:1.5rem!important;top:20px!important;left:20px!important}#subtitle.fixed-to-top{font-size:.8rem!important;top:55px!important;left:22px!important}}#timer-box{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 50px;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #ffffff1a;transition:all 1s cubic-bezier(.175,.885,.32,1.075);z-index:998}@media (max-width:768px){#timer-box{position:absolute;width:80%;top:56%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #ffffff1a;transition:all 1s cubic-bezier(.175,.885,.32,1.075);z-index:998}}#timer-box.fixed-to-top{position:fixed!important;top:110px!important;right:30px!important;left:auto!important;transform:translate(0) scale(.5)!important;transform-origin:right top;margin:0!important;padding:20px 30px!important}@media (max-width:768px){#timer-box.fixed-to-top{top:65px!important;right:10px!important;transform:translate(0) scale(.4)!important}}#timer{font-size:2rem;font-weight:700;font-family:Courier New,Courier,monospace;margin-top:10px}.scroll-hint{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;color:#ffffff80;font-size:.8rem;animation:bounce 2s infinite}#couple-avatars-container{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:30px;z-index:999;transition:all 1s cubic-bezier(.175,.885,.32,1.075)}#couple-avatars-container.fixed-to-top{position:fixed!important;top:30px!important;right:80px!important;left:auto!important;transform:translate(0) scale(.6)!important;transform-origin:right top;margin:0!important;gap:15px}@media (max-width:768px){#couple-avatars-container.fixed-to-top{top:20px!important;right:15px!important;transform:translate(0) scale(.5)!important}}.avatar-wrapper{width:100px;height:100px;border-radius:50%;padding:3px;background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease;position:relative}.avatar-wrapper:hover{transform:scale(1.1)}.avatar-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.boy-glow{border-color:#64c8ff80;box-shadow:0 0 15px #4299e166,inset 0 0 10px #4299e133;animation:star-pulse-blue 3s infinite alternate}.girl-glow{border-color:#ff96c880;box-shadow:0 0 15px #ed64a666,inset 0 0 10px #ed64a633;animation:star-pulse-pink 3s infinite alternate}.couple-connector{font-size:24px;filter:drop-shadow(0 0 8px rgba(255,71,87,.8));animation:heart-beat 1.5s infinite ease-in-out}@keyframes star-pulse-blue{0%{box-shadow:0 0 10px #4299e14d}to{box-shadow:0 0 25px #64c8ffb3}}@keyframes star-pulse-pink{0%{box-shadow:0 0 10px #ed64a64d}to{box-shadow:0 0 25px #ffb4dcb3}}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){#couple-avatars-container{gap:15px;margin-top:15px;margin-bottom:15px}.avatar-wrapper{width:75px;height:75px}}.music-status-indicator{display:none;position:absolute;bottom:0;right:0;width:28px;height:28px;background:#141e32cc;border:1px solid rgba(100,200,255,.5);border-radius:50%;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #4299e180}.headphone-icon{width:16px;height:16px;color:#64ccff}@keyframes sound-wave-ripple{0%{box-shadow:0 0 #64c8ffcc;opacity:1}to{box-shadow:0 0 0 30px #64c8ff00;opacity:0}}.avatar-wrapper.listening:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;z-index:-1;animation:sound-wave-ripple 2s cubic-bezier(0,.2,.8,1) infinite}.girl-glow .music-status-indicator{border-color:#ff96c899;background:#32141ecc;box-shadow:0 2px 8px #ed64a680}.girl-glow .headphone-icon{color:#ff96c8}@keyframes sound-wave-ripple-pink{0%{box-shadow:0 0 #ff96c8cc;opacity:1}to{box-shadow:0 0 0 30px #ff96c800;opacity:0}}.avatar-wrapper.girl-glow.listening:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;z-index:-1;animation:sound-wave-ripple-pink 2s cubic-bezier(0,.2,.8,1) infinite}.avatar-wrapper.listening .music-status-indicator{display:flex}#login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all .4s ease}#login-modal.active{opacity:1;visibility:visible}.login-starlight-card{width:380px;padding:40px;background:#ffffff0d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #00000080,0 0 20px #a28cff33;text-align:center;box-sizing:border-box;opacity:0;transform:translateY(60px) scale(.9);transition:all .5s cubic-bezier(.175,.885,.32,1.2)}#login-modal.active .login-starlight-card{opacity:1;transform:translateY(0) scale(1)}.login-starlight-title{color:#fff;font-size:28px;letter-spacing:3px;margin:0 0 10px;font-family:Segoe UI,Orbitron,sans-serif;text-shadow:0 0 10px rgba(162,140,255,.5)}.login-starlight-subtitle{color:#fff9;font-size:14px;margin-bottom:30px}.login-starlight-field{margin-bottom:20px;width:100%}.login-starlight-input{width:100%;padding:12px 15px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;outline:none;box-sizing:border-box;transition:all .3s ease}.login-starlight-input:focus{border-color:#a28cff;background:#ffffff1a;box-shadow:0 0 10px #a28cff4d}#login_info_p{color:#ff4d4d;font-size:13px;margin-bottom:15px;min-height:18px}.login-starlight-btn{width:100%;padding:13px;margin-top:5px;background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:25px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6e8efb4d}.login-starlight-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6e8efb80;filter:brightness(1.1)}.login-starlight-btn:active{transform:translateY(0)}.login-starlight-footer{margin-top:25px;font-size:13px}.login-starlight-footer a{color:#ffffff80;text-decoration:none;transition:color .3s}.login-starlight-footer a:hover{color:#a28cff}.login-starlight-divider{color:#fff3;margin:0 10px}#story{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:10;opacity:0;visibility:hidden;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.19,1,.22,1)}#story.active-section{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:990}#gallery.zoomed-mode{z-index:100000!important}body.locked-scroll{overflow:hidden}#story .header{margin-top:20px}.app-container{width:100%;max-width:800px;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.view-section{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;transition:all .6s cubic-bezier(.22,1,.36,1)}.hidden{opacity:0;pointer-events:none;transform:scale(.9);filter:blur(10px)}.active{opacity:1;pointer-events:auto;transform:scale(1);filter:blur(0)}.header{margin-top:100px;width:320px;display:flex;justify-content:space-between;align-items:center;z-index:10}.header h2{font-weight:300;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.icon-only{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px}.toggle-bar{margin-top:10px;width:320px;display:flex;justify-content:center;z-index:9}.glass-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:30px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;font-size:13px;transition:.3s}.glass-btn:hover{background:#fff3;box-shadow:0 0 15px #fff3}.card-container{position:relative;width:320px;height:500px;margin-top:40px}.week-card{position:absolute;left:0;width:100%;height:85px;background:#1a1e2ebf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 20px;display:flex;align-items:center;cursor:pointer;box-shadow:0 8px 32px #0000004d;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s;transform-origin:center top}.week-card:hover{background:#282d46d9;border-color:#ffffff4d}.week-card img{width:45px;height:45px;border-radius:10px;object-fit:cover;margin-right:15px;border:1px solid rgba(255,255,255,.1)}.week-card div h4{font-size:16px;color:#fff;margin-bottom:4px;font-weight:500}.week-card div span{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.tag-mini{font-size:10px;padding:2px 6px;background:#a78bfa26;border:1px solid rgba(167,139,250,.2);border-radius:4px;color:#c4b5fd;white-space:nowrap}.detail-card{position:relative;width:600px;height:360px;background:#141928d9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 60px #0009;display:flex;margin-left:50px;overflow:visible!important}.floating-img-wrapper{position:absolute;top:50%;left:-60px;transform:translateY(-50%);width:280px;height:280px;border-radius:20px;overflow:hidden;box-shadow:15px 15px 40px #00000080;z-index:5;border:0px solid rgba(255,255,255,.05);background:#000}.floating-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.img-indicators{position:absolute;bottom:15px;left:0;width:100%;display:flex;justify-content:center;gap:8px;z-index:10}.dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%;cursor:pointer;transition:.3s}.dot:hover,.dot.active{background:#fff;transform:scale(1.2);box-shadow:0 0 5px #ffffff80}.content-area{width:100%;padding:30px 30px 30px 240px;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.date-meta-wrapper{display:flex;align-items:center;gap:12px}#detail-date{color:#64748b;font-size:12px;letter-spacing:1px}.top-actions{display:flex;gap:10px;align-items:center}.action-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:14px;transition:.2s}.action-btn:hover{color:#fff}.action-btn.delete:hover{color:#ff6b6b}.tags-container{display:flex;gap:6px}.tag{font-size:10px;padding:3px 8px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);color:#a78bfa;border-radius:12px;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.tag:hover{background:#a78bfa33;box-shadow:0 0 8px #a78bfa33}.close-icon{background:transparent;border:none;color:#94a3b8;font-size:18px;cursor:pointer;transition:.2s}.close-icon:hover{color:#fff;transform:rotate(90deg)}#detail-title{font-size:24px;color:#fff;margin-bottom:15px;font-weight:600}.progress-bar-container{width:100%;height:2px;background:#ffffff1a;margin-bottom:25px}.progress-bar{width:0%;height:100%;background:#a78bfa;box-shadow:0 0 10px #a78bfa80;transition:width .4s ease}.text-wrapper{flex:1;position:relative;overflow:hidden}#detail-text{font-size:14px;line-height:1.8;color:#cbd5e1;position:absolute;top:0;left:0;width:100%;opacity:1;transform:translate(0)}.slide-out-left{animation:textOutLeft .4s cubic-bezier(.4,0,.2,1) forwards}.slide-in-left{animation:textInLeft .4s cubic-bezier(.4,0,.2,1) forwards}.slide-out-right{animation:textOutRight .4s cubic-bezier(.4,0,.2,1) forwards}.slide-in-right{animation:textInRight .4s cubic-bezier(.4,0,.2,1) forwards}.slide-out-down{animation:textOutDown .4s cubic-bezier(.4,0,.2,1) forwards}.slide-in-down{animation:textInDown .4s cubic-bezier(.4,0,.2,1) forwards}.slide-out-up{animation:textOutUp .4s cubic-bezier(.4,0,.2,1) forwards}.slide-in-up{animation:textInUp .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes textOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes textInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes textOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes textInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes textOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes textInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes textInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.nav-group{display:flex;align-items:center;gap:10px}.nav-label{font-size:11px;color:#64748b;font-weight:700;letter-spacing:1px}.nav-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#a78bfa;color:#fff;border-color:#a78bfa;box-shadow:0 0 10px #a78bfa66}.nav-btn.round{width:36px;height:36px;border-radius:50%}.nav-btn.square{width:30px;height:30px;border-radius:8px;font-size:12px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{width:90%;max-width:500px;max-height:85vh;background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080}.modal-header{position:relative;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px}.form-row{display:flex;gap:10px;margin-bottom:15px}.glass-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px;border-radius:8px;outline:none}.glass-input:focus{border-color:#a78bfa;background:#ffffff1a}.segment-item{background:#0003;padding:15px;border-radius:10px;margin-bottom:15px;border:1px solid rgba(255,255,255,.05);position:relative}.remove-seg-btn{position:absolute;top:10px;right:10px;color:#ff6b6b;cursor:pointer;border:none;background:none;font-size:16px;z-index:2}.cover-preview-box{width:100%;height:160px;border-radius:10px;overflow:hidden;border:2px dashed rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;background:#0003}.cover-preview-box img{width:100%;height:100%;object-fit:cover}.cover-placeholder{color:#aaa;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:5px}.segment-images-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.img-square-item{width:80px;height:80px;border-radius:8px;overflow:hidden;position:relative;background:#000;border:1px solid rgba(255,255,255,.1)}.img-square-item img{width:100%;height:100%;object-fit:cover}.img-delete-btn{position:absolute;top:0;right:0;width:20px;height:20px;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:12px;border-bottom-left-radius:6px}.img-delete-btn:hover{background:#ff6b6b}.add-img-btn{width:80px;height:80px;border-radius:8px;border:2px dashed rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;cursor:pointer;color:#aaa;font-size:20px;transition:.2s}.add-img-btn:hover{border-color:#a78bfa;color:#a78bfa;background:#ffffff0d}.full-width{width:100%;margin-top:10px}.primary{background:#6a11cb;border:none}.secondary{background:transparent;border:1px solid rgba(255,255,255,.2)}.tab-header{display:flex;gap:10px;margin-bottom:15px}.tab-btn{padding:5px 15px;background:transparent;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent}.tab-btn.active{color:#fff;border-bottom-color:#a78bfa}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.album-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent}.album-item img{width:100%;height:100%;object-fit:cover}.album-item.selected{border-color:#a78bfa;filter:brightness(1.1)}.upload-area{text-align:center;padding:20px}@media (max-width:768px){.detail-card{width:90%;height:500px;flex-direction:column;margin-left:0;overflow:hidden!important}.floating-img-wrapper{position:relative;top:0;left:0;transform:none;width:100%;height:200px;border-radius:0;border:none}.content-area{padding:20px;width:100%;height:100%}}#img-selector-modal .story-close-modal{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:transparent;border:none;color:#94a3b8;font-size:32px;line-height:40px;text-align:center;cursor:pointer;z-index:1000}#img-selector-modal .story-close-modal:hover{color:#ff4757;transform:translateY(-50%) rotate(90deg) scale(1.1)}#story,#gallery{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:10;opacity:0;visibility:hidden;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.19,1,.22,1);overflow-y:auto;padding-top:120px;box-sizing:border-box}#story.active-section,#gallery.active-section{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:990}#gallery .gallery-grid{padding:20px 50px;max-width:1200px;margin:0 auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 30px;padding:0 20px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:20px;max-width:1200px;margin:0 auto}.photo-card{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#000;border:1px solid rgba(255,255,255,.1);transition:border .3s,transform .3s;transform:translateZ(0);will-change:transform;backface-visibility:hidden;content-visibility:auto}.photo-card:hover{border-color:#ffffff80;transform:translateY(-2px)}.photo-card img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s}.card-info,.card-controls{display:none}.photo-card:hover .card-controls{display:flex;position:absolute;bottom:10px;right:10px;gap:5px;z-index:10}.btn-control{background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 10px;border-radius:15px;cursor:pointer;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-control:hover{background:#6a11cb;border-color:#6a11cb}.btn-delete:hover{background:#ff4757;border-color:#ff4757}#lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease;pointer-events:none}#lightbox-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}#lightbox-overlay img{max-width:90%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 0 30px #00000080;border:2px solid #d4af37;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}#lightbox-overlay.visible img{transform:scale(1)}.lightbox-info{margin-top:20px;text-align:center;color:#fff}.lightbox-info h3{color:#d4af37;margin-bottom:5px;font-size:1.2rem;letter-spacing:1px}.lightbox-info p{color:#aaa;font-size:.9rem}.lightbox-close{position:absolute;top:30px;right:30px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;transition:transform .2s}.lightbox-close:hover{transform:rotate(90deg) scale(1.1);color:#ff4757}.lightbox-controls{margin-top:20px;display:flex;gap:20px;z-index:200010}.lb-btn{padding:10px 30px;border-radius:50px;font-size:15px;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:#0009;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.lb-btn i{font-size:1.1em}.lb-btn:hover{background:#fff;color:#000;transform:translateY(-3px) scale(1.05);box-shadow:0 5px 15px #fff3}.lb-btn.delete:hover{background:#ff4757;border-color:#ff4757;color:#fff;box-shadow:0 5px 15px #ff475766}#lb-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:10px}.lb-tag{padding:4px 12px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lb-location{background:#6a11cb33;border:1px solid rgba(106,17,203,.4);color:#e0d0ff}.lb-category{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ddd}.lb-location i{color:#ff4757}.modal-overlay{display:none;position:fixed;z-index:1100;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.glass-effect{background:#44425480;border:1px solid var(--pt-glass-border)}.modal-content{margin:10% auto;padding:10px;border-radius:15px;width:90%;max-width:500px;max-height:70%;position:relative;overflow-y:auto}.close-modal{position:absolute;right:20px;top:15px;font-size:28px;cursor:pointer;color:var(--text-muted)}.close-modal:hover{color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#fff;font-size:.9rem}.form-group input[type=text]{width:100%;padding:10px;background:#ffffff1a;border:1px solid #555;color:#fff;border-radius:5px}#media-file{display:none}.file-upload-label{display:block;border:2px dashed rgba(255,255,255,.3);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:.3s;color:var(--text-muted)}.file-upload-label:hover{border-color:var(--gold);color:var(--gold);background:#ffd7000d}#preview-box img{max-width:100%;max-height:200px;margin-top:10px;border-radius:5px}.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#888}.input-with-icon input{padding-left:35px!important}.tags-wrapper{display:flex;flex-wrap:wrap;gap:10px}.tag-check{background:#ffffff1a;padding:5px 10px;border-radius:15px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:5px}.modal-overlay{transition:opacity .5s ease}@media (max-width:600px){.navbar{max-width:110%;top:auto;bottom:20px;left:50%;transform:translate(-50%)}.nav-links{flex-direction:row;overflow-x:auto;gap:15px;padding:10px 25px;box-shadow:0 10px 30px #0000004d;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-links a:hover,.nav-links a.active{transform:scale(1.25) translateY(-10px)}h1{font-size:2.5rem}#timer{font-size:1.5rem}.timer-box{padding:20px}.gallery-header{align-items:flex-start}#btn-open-upload{margin-top:60px}.photo-card.active .card-info{bottom:15%;width:90%;min-width:auto;padding:15px 20px}.photo-card.active img{max-width:90vw;max-height:65vh}}#music-modal{position:absolute;top:100px;left:0;width:100%;height:100vh;z-index:10;opacity:0;visibility:hidden;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.19,1,.22,1)}#music-modal.active-section{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:990;display:flex;align-items:flex-start;justify-content:center}.music-container{width:90%;max-width:1000px;height:80vh;padding:30px;display:flex;flex-direction:column}.music-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.music-header h2{color:#fff;font-weight:300;letter-spacing:2px}.music-list-wrapper{flex:1;overflow-y:auto;padding-right:10px}.music-list-wrapper::-webkit-scrollbar{width:6px}.music-list-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.music-list{list-style:none;padding:0;margin:0}.music-item{display:flex;align-items:center;padding:12px 15px;margin-bottom:10px;background:#ffffff0d;border-radius:10px;transition:all .3s;border:1px solid transparent}.music-item:hover{background:#ffffff1a;transform:translate(5px)}.music-item.active{background:#6c5ce733;border-color:#6c5ce7}.music-index{width:30px;color:#aaa;font-size:.9rem}.music-info-box{flex:1;display:flex;flex-direction:column}.music-title{color:#fff;font-size:1rem;font-weight:500}.music-artist{color:#aaa;font-size:.85rem;margin-top:4px}.music-actions{display:flex;gap:10px;opacity:0;transition:opacity .3s}.music-item:hover .music-actions{opacity:1}.list-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;padding:5px;transition:color .2s}.list-btn.play:hover{color:#6c5ce7}.list-btn.del:hover{color:#ff4757}.player-bar{position:fixed;bottom:0;left:50%;width:90%;background:#0f0c29d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:2000;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;transform:translateY(130%);transition:transform .5s cubic-bezier(.19,1,.22,1);border-radius:20px;margin-bottom:20px;transform:translateY(200%) translate(-50%)}.player-bar.visible{transform:translateY(0) translate(-50%)}.player-info{display:flex;align-items:center;width:250px}.player-cover{width:50px;height:50px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#555;background-size:cover;background-position:center;border:2px solid #222}.player-cover.spinning{animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-meta{overflow:hidden}.player-title{color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:#888;font-size:.8rem;margin-top:2px}.player-controls{flex:1;display:flex;flex-direction:column;align-items:center;max-width:600px}.ctrl-btns{display:flex;align-items:center;gap:20px;margin-bottom:8px}.ctrl-btn{background:none;border:none;color:#e0e0e0;cursor:pointer;font-size:1.2rem;transition:all .2s}.ctrl-btn:hover{color:#fff}.play-btn{width:40px;height:40px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.play-btn:hover{color:#6c5ce7;transform:scale(1.1)}.progress-wrapper{width:100%;display:flex;align-items:center;gap:10px;font-size:.75rem;color:#aaa}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-extras{width:250px;display:flex;align-items:center;justify-content:flex-end;gap:20px}.sync-status{color:#55efc4;font-size:1.2rem;text-shadow:0 0 10px rgba(85,239,196,.5);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.volume-ctrl{display:flex;align-items:center;gap:8px;width:100px;color:#aaa}@media (max-width:768px){.player-bar{padding:10px 15px;flex-direction:column;justify-content:center;margin-bottom:30%;transform:translateY(200%) translate(-50%)}.player-info{width:100%;margin-bottom:10px}.player-controls{width:100%}.player-extras{display:none}.ctrl-btns{margin-bottom:5px}#music{padding-top:60px}.music-container{width:100%;height:90vh;padding:15px}}.Confirm-listening-to-music-together-close-btn{position:absolute;top:15px;right:15px;font-size:1.5rem;color:#b2bec3;cursor:pointer;transition:color .3s}:root{--pt-glass-bg: rgba(255, 255, 255, .08);--pt-glass-border: rgba(255, 255, 255, .15);--pt-text-color: #e0e0e0;--pt-accent-color: #6c5ce7;--pt-accent-hover: #5649c0;--pt-input-bg: rgba(0, 0, 0, .3);--color-orange: #fdcb6e;--color-green: #55efc4;--color-gray: #b2bec3}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:linear-gradient(to bottom,#0f0c29,#302b63,#24243e);color:var(--pt-text-color);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button,input,select,textarea{font-family:inherit}.plan-table-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;opacity:.3;z-index:-1}.plan-table-nowrap{white-space:nowrap}.view-hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#plan-container{position:absolute;top:-80px;left:0;width:100%;height:100vh;z-index:10;opacity:0;visibility:hidden;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.19,1,.22,1);padding-top:120px;box-sizing:border-box}#plan-container.active-section{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:990}.is-hidden{display:none}.plan-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:20px;border-bottom:1px solid var(--pt-glass-border)}@media (max-width:768px){.plan-table-header{margin-top:12%}}.plan-table-header h1{font-size:1.5rem;color:#fff}.plan-countdown-header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.countdown-label{font-size:.9rem;color:#fff9}.countdown-timer{display:flex;align-items:center;gap:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:8px 12px;border:1px solid var(--pt-glass-border);border-radius:10px}.countdown-item span{font-size:1.5rem;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.countdown-item small{font-size:.7rem;color:#ffffff80;margin-top:2px}.countdown-sep{font-size:1.5rem;color:#ffffff4d;font-weight:300}.plan-table-user-switch select{background:var(--pt-glass-bg);color:#fff;border:1px solid var(--pt-glass-border);padding:8px 15px;border-radius:20px;outline:none;cursor:pointer;transition:all .3s}.plan-table-user-switch select:hover{background:#ffffff1f}.plan-table-glass-card{background:var(--pt-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pt-glass-border);border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 8px 32px #0000004d}@media (max-width:768px){.plan-table-glass-card{background:var(--pt-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pt-glass-border);border-radius:16px;padding:20px;margin:0 10px 10px 25px;box-shadow:0 8px 32px #0000004d}}.plan-table-card-header,.plan-table-card-task-header{display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.plan-table-card-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.plan-table-card-task-header{display:flex;justify-content:space-between;align-items:stretch}#plam-table-title-and-user-switch{display:flex;width:100%;justify-content:space-between;margin-bottom:10px}#plam-table-title-btn{display:flex;align-items:center;width:100%;justify-content:space-between}}#plam-table-title-and-user-switch,#plam-table-title-btn{display:flex;align-items:center;gap:15px}.plan-table-card-title{font-size:1.2rem;font-weight:600;color:#a29bfe}.plan-table-table-container{overflow-x:auto}#plan-table-task-section{display:none;animation:ptFadeIn .4s ease}#plan-table-task-section.border-top{border-top:3px solid var(--pt-accent-color)}@keyframes ptFadeIn{0%{opacity:0}to{opacity:1}}.plan-table-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.plan-table-modal-content{background:#44425480;width:580px;max-width:90%;padding:25px;border-radius:16px;border:1px solid var(--pt-glass-border);max-height:90vh;overflow-y:auto;position:relative}.plan-table-close-btn{position:absolute;top:15px;right:15px;font-size:1.5rem;color:#b2bec3;cursor:pointer;transition:color .3s}.plan-table-close-btn:hover{color:#fff}.plan-table-view-container{display:flex;align-items:center;gap:15px}.plan-table-view-switch{display:flex;gap:8px}.plan-table-view-btn{background:var(--pt-glass-bg);border:1px solid var(--pt-glass-border);color:var(--pt-gray, #b2bec3);padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px}.plan-table-view-btn:hover{background:#ffffff1f}.plan-table-view-btn.active{background:var(--pt-accent-color);border-color:var(--pt-accent-color);color:#fff}.plan-table-btn{border:none;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .3s;color:#fff;outline:none;display:inline-flex;align-items:center;gap:4px;font-size:.9rem}.plan-table-btn:hover{transform:translateY(-1px);filter:brightness(1.2)}.plan-table-btn:active{transform:translateY(0)}.plan-table-btn-primary{background:var(--pt-accent-color)}.plan-table-btn-primary:hover{background:var(--pt-accent-hover)}.plan-table-btn-view{background:#00b89466;color:var(--color-green)}.plan-table-btn-edit{background:#0984e366;color:#74b9ff}.plan-table-btn-del{background:#d6303166;color:#ff7675}.plan-table-action-group{display:flex;gap:6px;white-space:nowrap}.plan-table-main-table{width:100%;border-collapse:collapse;font-size:.9rem}.plan-table-main-table th,.plan-table-main-table td{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.plan-table-main-table th{background:#0003;color:#dfe6e9;font-weight:500;white-space:nowrap}.plan-table-main-table tbody tr:hover{background:#ffffff05}.plan-table-status-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;white-space:nowrap;display:inline-block;text-align:center;min-width:60px}.plan-table-status-ing{background:#fdcb6e33;color:var(--color-orange)}.plan-table-status-done{background:#55efc433;color:var(--color-green)}.plan-table-status-todo{background:#b2bec333;color:var(--color-gray)}.plan-table-form-group{margin-bottom:12px}.plan-table-form-group label{display:block;margin-bottom:5px;color:#b2bec3;font-size:.85rem}.plan-table-form-control{width:100%;padding:10px 12px;background:var(--pt-input-bg);border:1px solid var(--pt-glass-border);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:border-color .3s,box-shadow .3s}.plan-table-form-control:focus{border-color:var(--pt-accent-color);box-shadow:0 0 0 3px #6c5ce733}.plan-table-form-control::placeholder{color:#ffffff4d}.plan-table-form-row{display:flex;gap:12px}.plan-table-form-row .plan-table-form-group{flex:1}.plan-table-week-selector{display:flex;gap:4px;justify-content:space-between;margin-top:5px}.plan-table-week-checkbox{display:none}.plan-table-week-label{flex:1;text-align:center;padding:8px 0;background:var(--pt-input-bg);border:1px solid var(--pt-glass-border);border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .3s}.plan-table-week-label:hover{background:#ffffff1a}.plan-table-week-checkbox:checked+.plan-table-week-label{background:var(--pt-accent-color);border-color:var(--pt-accent-color);color:#fff}.plan-task-toolbar{display:flex;gap:10px;margin-bottom:15px}.plan-task-all-btn{background:#6c5ce74d;border:1px solid rgba(108,92,231,.5);color:#a29bfe;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .3s}.plan-task-all-btn:hover{background:#6c5ce780}.plan-task-all-btn.active{background:var(--pt-accent-color);border-color:var(--pt-accent-color);color:#fff}.plan-completed-popup-content{padding:20px}.plan-completed-popup-plan-name{text-align:center;color:#fff;font-size:1rem;margin-bottom:20px;word-break:break-word}.plan-completed-popup-counter{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;margin-top:15px}.plan-completed-popup-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.plan-completed-popup-btn:hover{background:#6c5ce780;border-color:var(--pt-accent-color)}.plan-completed-popup-input{width:80px;height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1.5rem;text-align:center;outline:none}.plan-completed-popup-progress{text-align:center;color:#fff9;font-size:.9rem}#plan-table-task-section{border-top:3px solid var(--pt-accent-color)}#plan-table-task-section .plan-table-card-header{margin-bottom:15px}#plan-table-task-section .plan-table-card-title{font-size:1.1rem}#plan-table-task-section .plan-table-main-table{font-size:.85rem}#plan-table-task-section .plan-table-main-table th{background:#6c5ce733}#plan-table-task-section .plan-table-main-table td{padding:10px 8px}.plan-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.plan-calendar-grid-container{width:100%;background:#0003;border-radius:12px;padding:10px}.pt-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#aaa;font-size:.9rem;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.pt-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.pt-cal-day-cell{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .3s;background:#ffffff08;color:#ddd;position:relative}.pt-cal-day-cell:hover{background:#ffffff1a}.pt-cal-day-cell.other-month{color:#fff3}.pt-cal-day-cell.today{border:1px solid #6c5ce7;color:#fff;font-weight:700}.pt-cal-day-cell.selected{background:#6c5ce766;color:#fff;box-shadow:0 0 10px #6c5ce780}.pt-cal-legend{display:flex;justify-content:center;gap:15px;font-size:.75rem;color:#ccc}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.todo{background:#74b9ff;box-shadow:0 0 5px #74b9ff}.legend-dot.deadline{background:#ff7675;box-shadow:0 0 5px #ff7675}.legend-dot.done{background:#2ecc71}.pt-cal-task-wrapper{display:flex;width:100%;margin-top:4px}@media (min-width:769px){.pt-cal-day-cell{justify-content:flex-start;padding-top:8px}.pt-cal-day-cell>span{font-weight:700;margin-bottom:4px}.pt-cal-task-wrapper{flex-direction:column;gap:3px;padding:0 4px;overflow-y:auto;max-height:calc(100% - 25px)}.pt-cal-task-wrapper::-webkit-scrollbar{display:none}.pt-cal-task-item{font-size:.75rem;padding:2px 4px;border-radius:3px;background:#ffffff1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%}.pt-cal-task-item.todo{border-left:3px solid #74b9ff}.pt-cal-task-item.deadline{border-left:3px solid #ff7675}.pt-cal-task-item.done{border-left:3px solid #2ecc71;opacity:.5;text-decoration:line-through}.pt-cal-task-item .only-dot{display:none}}@media (max-width:768px){.pt-cal-task-wrapper{flex-wrap:wrap;justify-content:center;gap:3px;padding:0 2px}.pt-cal-task-item{display:flex;align-items:center;justify-content:center}.pt-cal-task-item .only-text{display:none}.pt-cal-task-item .only-dot{width:5px;height:5px;border-radius:50%}.pt-cal-task-item.todo .only-dot{background:#74b9ff;box-shadow:0 0 4px #74b9ff}.pt-cal-task-item.deadline .only-dot{background:#ff7675;box-shadow:0 0 4px #ff7675}.pt-cal-task-item.done .only-dot{background:#2ecc71}}.plan-component-wrapper{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;width:100%;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.plan-component-wrapper::-webkit-scrollbar{display:none}.plan-component-wrapper:active{cursor:grabbing}.plan-plan-progress-card{width:280px;flex-shrink:0;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0003;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.plan-plan-progress-card:hover{transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 12px 40px #0000004d}.plan-plan-progress-card-name{font-size:18px;font-weight:500;margin-bottom:15px;letter-spacing:.5px;color:#fff}.plan-plan-progress-card-status-row{display:flex;align-items:center;gap:8px;margin-bottom:15px;flex-wrap:wrap}.plan-plan-progress-card-tag-status{padding:2px 10px;border-radius:12px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.plan-plan-progress-card-tag-status:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%}.plan-plan-progress-card-tag-type{background:#6c5ce733;color:#a29bfe;padding:2px 10px;border-radius:4px;font-size:12px}.plan-plan-progress-card-percent-text{font-size:14px;color:#fff;margin-left:auto;font-variant-numeric:tabular-nums}.plan-plan-progress-card-mini-circle{width:20px;height:20px;transform:rotate(-90deg)}.plan-circle-path{transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1),stroke .3s ease}.plan-plan-progress-card-bar-container{display:flex;align-items:center;gap:10px;margin-top:10px}.plan-plan-progress-card-bar-bg{flex-grow:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.plan-plan-progress-card-bar-fill{height:100%;border-radius:2px;transition:width 1.5s cubic-bezier(.4,0,.2,1),background-color .3s ease;width:0}.plan-plan-progress-card-bar-label{font-size:12px;color:#fff9;min-width:35px}.plan-plan-progress-card-data{padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.plan-plan-progress-card-numbers{font-size:14px;color:#d1d1e0;font-family:monospace}.plan-task-done-text{color:#81c784;font-weight:500}.plan-countdown-text{color:#ff9800;font-weight:500}.plan-countdown-finished{color:var(--color-gray)}@media (max-width:768px){.plan-plan-progress-card{width:70%;flex-shrink:0;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px;box-shadow:0 8px 32px #0003;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.plan-plan-progress-card-name{margin-bottom:5px}.plan-plan-progress-card-status-row{margin-bottom:0}.plan-plan-progress-card-data{padding-top:5px;margin-top:5px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.plan-component-wrapper{padding:10px 0}}.plan-task-board{display:flex;align-items:stretch;justify-content:space-around;gap:20px;width:100%;overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}.plan-task-board::-webkit-scrollbar{display:none}.plan-task-column{width:30%;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px;display:flex;flex-direction:column;max-height:350px}.plan-task-column-header{font-size:14px;font-weight:600;padding:10px 12px;margin-bottom:10px;border-radius:10px;text-align:center}.plan-task-col-left .plan-task-column-header{background:#d6303133;color:#ff7675}.plan-task-col-today .plan-task-column-header{background:#0984e333;color:#74b9ff}.plan-task-col-future .plan-task-column-header{background:#00b89433;color:#55efc4}.plan-task-list{flex:1;overflow-y:auto;min-height:150px;max-height:270px;padding-right:5px}.plan-task-list::-webkit-scrollbar{width:4px}.plan-task-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.plan-task-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.plan-task-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 15px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;position:relative}.plan-task-card:hover{background:#ffffff1f;transform:translate(3px);border-color:#fff3}.plan-task-card.completed{opacity:.5;text-decoration:line-through;background:#55efc41a}.plan-task-card.completed .plan-task-name{text-decoration:line-through}.plan-task-card.completed .plan-task-check{background:#55efc4;border-color:#55efc4}.plan-task-card.completed .plan-task-check:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f0c29;font-size:12px;font-weight:700}.plan-task-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .3s;background:transparent}.plan-task-check:hover{border-color:#55efc4}.plan-task-name{font-size:14px;font-weight:500;color:#fff;padding-right:30px;margin-bottom:8px;line-height:1.4}.plan-task-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffff80}.plan-task-type-tag{background:#6c5ce733;color:#a29bfe;padding:2px 8px;border-radius:4px;font-size:11px}.plan-task-time{display:flex;align-items:center;gap:4px}.plan-task-empty-tip{text-align:center;color:#ffffff4d;font-size:13px;padding:30px 10px;font-style:italic}.plan-task-board-header{margin-bottom:15px}.plan-task-board-title{font-size:1.1rem;color:#fff;margin-right:10px}.plan-task-board-close-btn{padding:4px 10px}@media (max-width:768px){.plan-task-column{width:100%}}