:root{--magenta:#b72f7c;--deep:#241522;--ink:#3d2937;--muted:#907b89;--pale:#fff8fc;--line:#eadde5;--rose:#f6d4e3}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--ink)}body{background:#fff8fc;overflow-x:hidden}
.site-shell{min-height:100vh;display:flex;position:relative;z-index:1}.visual-panel{width:42%;min-height:100vh;background:linear-gradient(155deg,#f9e1eb,#f5c6db 55%,#e8a6c6);position:relative;overflow:hidden;padding:clamp(2rem,6vw,6.5rem);display:flex;align-items:flex-end}.visual-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(96,31,67,.3));pointer-events:none}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.78}.visual-content{position:relative;z-index:1;max-width:420px;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:700;color:var(--magenta)}.visual-content .eyebrow{color:#fff}.visual-content h1{font:700 clamp(2.7rem,5vw,5.5rem)/.98 "Playfair Display",serif;margin:1.15rem 0;color:#fff;letter-spacing:-.04em;min-height:2em;transition:opacity .25s ease}.visual-content h1 em{color:#ffdce9;font-style:normal}.visual-content p{font-size:1rem;line-height:1.65;max-width:300px;color:#ffeaf3}.visual-mark{display:flex;gap:7px;margin-top:2.5rem}.visual-mark span{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.3;transition:opacity .25s ease,transform .25s ease}.visual-mark span.active{opacity:1;transform:scale(1.25)}
.workspace{width:58%;min-height:100vh;background:rgba(255,250,253,.94);position:relative}.login-view,.register-view{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,420px)}.auth-top{display:flex;align-items:center;justify-content:space-between}.language-switch{border:1px solid #dfb0c5;background:#fff;color:var(--magenta);border-radius:999px;padding:.35rem .65rem;font:700 .68rem "DM Sans";cursor:pointer}.app-language{margin-top:.1rem}.brand{display:flex;gap:.6rem;align-items:center;font-weight:700;font-size:1.2rem;letter-spacing:-.04em;color:var(--deep)}.brand-wordmark{display:block;width:9rem;height:auto;max-height:2.4rem;object-fit:contain;object-position:left center}.compact .brand-wordmark{width:7.5rem;max-height:1.9rem}.login-heading{margin:4.5rem 0 2.2rem}.login-heading h2,.content-page h2{font:700 clamp(2.1rem,4vw,3.2rem)/1.08 "Playfair Display",serif;letter-spacing:-.04em;margin:.65rem 0}.login-heading p,.lead{color:var(--muted);font-size:.95rem}.login-card form{display:grid;gap:.65rem}.login-card label{font-size:.77rem;font-weight:700;margin-top:.6rem}.login-card input[type=text],.login-card input[type=password],.login-card input[type=email]{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.9rem 1rem;font:inherit;color:var(--ink);outline:0;transition:.2s}.login-card input:focus{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(183,47,124,.12)}.password-wrap{position:relative}.password-wrap input{padding-right:4rem!important}.password-toggle{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--magenta);font:600 .72rem "DM Sans";cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.65rem 0 1rem;font-size:.75rem}.check-label{display:flex!important;gap:.45rem;align-items:center;font-weight:500!important;margin:0!important;color:var(--muted)}.check-label input{accent-color:var(--magenta)}a{color:var(--magenta);text-decoration:none;font-weight:600}.primary-button{border:0;border-radius:8px;background:var(--magenta);color:#fff;padding:1rem;font:700 .83rem "DM Sans";cursor:pointer;box-shadow:0 10px 24px rgba(183,47,124,.22);transition:.2s}.primary-button:hover{background:#982461;transform:translateY(-1px)}.primary-button span{float:right;font-size:1.15rem;line-height:.7}.form-message{min-height:1.1rem;color:#b12656;font-size:.75rem;margin:0}.login-footer{text-align:center;color:var(--muted);font-size:.75rem;margin-top:2.5rem}
.password-note{background:#fff1f7;border:1px solid #f1d6e3;border-radius:7px;padding:.65rem .8rem;color:var(--muted);font-size:.73rem;margin:.2rem 0 .25rem}.check-label{display:flex!important;gap:.45rem;align-items:center;font-weight:500!important;margin:0!important;color:var(--muted)}.check-label input{accent-color:var(--magenta)}a{color:var(--magenta);text-decoration:none;font-weight:600}.primary-button{border:0;border-radius:8px;background:var(--magenta);color:#fff;padding:1rem;font:700 .83rem "DM Sans";cursor:pointer;box-shadow:0 10px 24px rgba(183,47,124,.22);transition:.2s}.primary-button:hover{background:#982461;transform:translateY(-1px)}.primary-button span{float:right;font-size:1.15rem;line-height:.7}.form-message{min-height:1.1rem;color:#b12656;font-size:.75rem;margin:0}.login-footer{text-align:center;color:var(--muted);font-size:.75rem;margin-top:2.5rem}
.dashboard-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.live-clock{display:flex;align-items:flex-end;flex-direction:column;color:var(--magenta);background:#fff1f7;border:1px solid #f1d6e3;border-radius:9px;padding:.55rem .75rem;min-width:92px}.live-clock strong{font:700 1.35rem/1 "DM Sans";letter-spacing:.04em}.live-clock span{font-size:.6rem;color:var(--muted);margin-top:.25rem}.quote-card p{min-height:3.5rem}
.email-input-wrap{position:relative}.email-input-wrap .field-icon{position:absolute;left:.95rem;top:50%;z-index:1;transform:translateY(-50%);width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:50%;background:#f7d8e6;color:var(--magenta);font-size:.75rem;font-weight:700;pointer-events:none}.email-input-wrap input{padding-left:3rem!important}.email-input-wrap:focus-within .field-icon{background:var(--magenta);color:#fff}.register-view #registerEmail,.reset-view #resetEmail{border-color:#e4bfd0;background:linear-gradient(100deg,#fffafe,#fff)}.register-view #registerEmail::placeholder,.reset-view #resetEmail::placeholder{color:#b298a8}
.profile-menu-wrap{position:relative;margin-top:auto}.profile-trigger{width:100%;cursor:pointer;border:0;background:transparent;color:var(--ink);text-align:left}.profile-trigger:hover{background:#f8e2ed}.profile-trigger .profile-chevron{margin-left:auto;color:var(--magenta);font-size:1rem}.profile-popover{position:absolute;bottom:calc(100% + .65rem);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:.35rem;box-shadow:0 15px 35px rgba(70,25,52,.16);z-index:4}.profile-popover button{display:block;width:100%;border:0;background:transparent;border-radius:6px;text-align:left;padding:.65rem .7rem;color:var(--ink);font:500 .75rem "DM Sans";cursor:pointer}.profile-popover button:hover{background:#f8e2ed;color:var(--magenta)}.modal-backdrop{position:fixed;inset:0;z-index:20;background:rgba(45,17,34,.35);backdrop-filter:blur(5px);display:grid;place-items:center;padding:1rem}.modal-backdrop.hidden{display:none}.profile-modal{width:min(920px,100%);max-height:min(720px,calc(100vh - 2rem));overflow:auto;background:#fffafd;border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 80px rgba(44,15,35,.25);padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:1rem}.modal-header h2{font:700 2rem "Playfair Display";margin:.35rem 0 0}.modal-close{border:0;background:#f9e4ed;color:var(--magenta);width:32px;height:32px;border-radius:50%;font-size:1.4rem;cursor:pointer}.profile-modal-layout{display:grid;grid-template-columns:190px 1fr;gap:2rem;padding-top:1.25rem}.settings-tabs{display:flex;flex-direction:column;gap:.35rem}.settings-tab{border:0;background:transparent;color:var(--muted);padding:.7rem;text-align:left;border-radius:7px;font:600 .75rem "DM Sans";cursor:pointer}.settings-tab.active,.settings-tab:hover{background:#f8e2ed;color:var(--magenta)}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel h3{font:700 1.5rem "Playfair Display";margin:.1rem 0 .6rem}.settings-panel>p{font-size:.8rem;color:var(--muted)}.notification-group{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}.notification-group h4,.modal-security-2fa h4{font-size:.78rem;margin:.2rem 0 .6rem}.setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid #f1e7ed;font-size:.78rem}.setting-toggle input{position:absolute;opacity:0}.setting-toggle i{width:35px;height:20px;border-radius:99px;background:#e7d7e1;position:relative;transition:.2s}.setting-toggle i:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.setting-toggle input:checked+i{background:var(--magenta)}.setting-toggle input:checked+i:after{left:18px}.modal-security-2fa{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}
.hidden{display:none!important}.app-view{padding:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,5vw,5.5rem);min-height:100vh}.app-header{display:flex;align-items:flex-start;justify-content:space-between}.brand.compact{font-size:1.05rem}.welcome{color:var(--muted);font-size:.82rem;margin:.75rem 0}.welcome strong{color:var(--ink)}.logout-button{border:0;background:transparent;color:var(--muted);font:600 .75rem "DM Sans";cursor:pointer;padding:.4rem}.logout-button span{color:var(--magenta);font-size:1.05rem;margin-left:.35rem}.app-layout{display:flex;gap:clamp(2rem,6vw,6rem);margin-top:clamp(3rem,7vw,6.5rem)}.app-nav{width:150px;flex:none;display:flex;flex-direction:column;gap:.35rem}.nav-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:#b29eaa;margin-bottom:.8rem}.nav-item{border:0;background:none;text-align:left;color:var(--muted);padding:.7rem .8rem;border-radius:7px;font:500 .8rem "DM Sans";cursor:pointer;transition:.2s}.nav-item:hover,.nav-item.active{background:#f8e2ed;color:var(--magenta)}.nav-icon{display:inline-block;width:25px;font-size:1rem}.nav-bottom{display:flex;align-items:center;gap:.65rem;border-top:1px solid var(--line);margin-top:auto;padding-top:1.2rem}.mini-avatar,.large-avatar{display:grid;place-items:center;border-radius:50%;background:#f3c1d7;color:var(--magenta);font-weight:700}.mini-avatar{width:30px;height:30px;font-size:.72rem}.nav-bottom strong,.nav-bottom small{display:block}.nav-bottom strong{font-size:.72rem}.nav-bottom small{font-size:.62rem;color:var(--muted);margin-top:.15rem}.content-stage{flex:1;max-width:700px}.content-page{display:none;animation:rise .3s ease}.content-page.active{display:block}.content-page h2{margin-top:.7rem;font-size:clamp(2.4rem,5vw,4.2rem)}.lead{max-width:450px;margin-bottom:2.5rem}.quote-card{background:#f9dce9;border-radius:10px;padding:2rem 2rem 1.7rem;position:relative;max-width:530px}.quote-mark{position:absolute;top:-.8rem;left:1.5rem;font:700 5rem/1 "Playfair Display";color:#e49abc}.quote-card p{font:600 1.15rem/1.5 "Playfair Display";position:relative;margin:.8rem 0 1.2rem}.quote-card small{color:#987486;font-size:.7rem}.stats-row{display:flex;gap:4rem;margin-top:3rem}.stats-row strong,.stats-row span{display:block}.stats-row strong{font:700 1.7rem "Playfair Display";color:var(--magenta)}.stats-row span{color:var(--muted);font-size:.7rem;margin-top:.2rem}.note-list{display:grid;gap:.8rem}.note{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:1rem .3rem}.note>span{font:700 1.3rem "Playfair Display";color:#d795b3;width:30px}.note h3{font-size:.88rem;margin:0 0 .25rem}.note p{color:var(--muted);font-size:.75rem;margin:0}.note b{margin-left:auto;color:var(--magenta)}.moments-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.moment{height:175px;border-radius:9px;display:flex;align-items:flex-end;padding:1rem;color:#fff;font:600 1rem "Playfair Display";background-size:cover;background-position:center}.moment-a{background:linear-gradient(145deg,#c66e93,#f8d2df)}.moment-b{background:linear-gradient(145deg,#a18aaf,#f0ccd7)}.moment-c{background:linear-gradient(145deg,#d89176,#f4c5a2);grid-column:span 2}.about-card{display:flex;gap:1.5rem;align-items:flex-start;background:#f9e4ed;padding:1.5rem;border-radius:10px;max-width:540px}.large-avatar{width:70px;height:70px;font:700 1.5rem "Playfair Display";flex:none}.about-card h3{font:700 1.25rem "Playfair Display";margin:.1rem 0 .6rem}.about-card p{font-size:.78rem;color:var(--muted);line-height:1.6}.outline-button{border:1px solid #d693b1;background:transparent;color:var(--magenta);border-radius:5px;padding:.55rem .8rem;font:600 .7rem "DM Sans";cursor:pointer}.outline-button span{margin-left:.4rem}
.petal-field{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.petal{position:absolute;width:10px;height:15px;border-radius:70% 20% 70% 20%;background:#f29fbe;opacity:.62;animation:fall 12s linear infinite;box-shadow:0 0 8px rgba(222,75,130,.15)}.petal:nth-child(even){background:#f7bfd2}.petal-1{left:7%;animation-delay:-2s}.petal-2{left:17%;animation-delay:-8s;animation-duration:15s}.petal-3{left:28%;animation-delay:-5s}.petal-4{left:39%;animation-delay:-11s;animation-duration:14s}.petal-5{left:50%;animation-delay:-4s}.petal-6{left:61%;animation-delay:-9s;animation-duration:16s}.petal-7{left:70%;animation-delay:-1s}.petal-8{left:79%;animation-delay:-7s}.petal-9{left:88%;animation-delay:-12s;animation-duration:13s}.petal-10{left:94%;animation-delay:-3s}.petal-11{left:32%;animation-delay:-10s;animation-duration:17s}.petal-12{left:74%;animation-delay:-6s}
@keyframes fall{0%{top:-8%;transform:translateX(0) rotate(0deg)}50%{transform:translateX(18vw) rotate(180deg)}100%{top:110%;transform:translateX(34vw) rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.site-shell{display:block}.visual-panel{width:100%;min-height:38vh;height:38vh;padding:2rem}.visual-content h1{font-size:2.7rem;margin:.5rem 0}.visual-content p,.visual-mark{display:none}.workspace{width:100%;min-height:62vh}.login-view{min-height:62vh;padding:2.5rem 1.5rem}.login-heading{margin:3rem 0 1.5rem}.app-view{padding:1.5rem}.app-layout{gap:1rem;margin-top:2.5rem}.app-nav{width:130px}.stats-row{gap:2rem}.app-header{align-items:flex-start}.moments-grid{grid-template-columns:1fr}.moment-c{grid-column:auto}}
@media(max-width:480px){.visual-panel{min-height:31vh;height:31vh}.workspace{min-height:69vh}.login-view{min-height:69vh}.app-nav{width:100px}.nav-item{padding:.65rem .4rem;font-size:.7rem}.nav-icon{width:20px}.nav-bottom{display:none}.app-layout{gap:.7rem}.content-page h2{font-size:2.2rem}.quote-card{padding:1.5rem}.moments-grid{gap:.6rem}.moment{height:125px}}
.register-view .login-heading{margin-top:3.2rem}.note-form{display:grid;gap:.7rem;max-width:540px;margin:0 0 1.5rem}.note-form input,.note-form textarea,.profile-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.85rem 1rem;font:inherit;color:var(--ink);outline:0;resize:vertical}.note-form input:focus,.note-form textarea:focus,.profile-form textarea:focus{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(183,47,124,.12)}.note-form .primary-button{justify-self:start;padding:.75rem 1rem}.empty-state{font-size:.8rem;color:var(--muted);padding:1.2rem;background:#fff1f7;border-radius:8px}.delete-note{margin-left:auto;border:0;background:none;color:#bd668d;font-size:1.25rem;cursor:pointer;padding:.3rem}.profile-form{display:grid;gap:.7rem}.profile-form label{font-size:.75rem;font-weight:700}.profile-form .outline-button{justify-self:start}.profile-form .form-message{min-height:0}.about-card{min-width:0}
.reset-view{min-height:100vh;display:grid;place-items:center;padding:2rem}.password-change{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:rgba(255,248,252,.92);backdrop-filter:blur(8px);padding:1.5rem}.password-change.hidden{display:none}.password-change-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:2rem;box-shadow:0 22px 60px rgba(95,31,67,.16)}.password-change-card h2{font:700 2.2rem/1.1 "Playfair Display";margin:.7rem 0}.password-change-card>p{color:var(--muted);font-size:.85rem;line-height:1.55;margin-bottom:1.5rem}.password-change-card form{display:grid;gap:.6rem}.password-change-card label{font-size:.75rem;font-weight:700;margin-top:.35rem}.password-change-card input{border:1px solid var(--line);border-radius:8px;padding:.85rem;font:inherit}.password-change-card input:focus{outline:0;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(183,47,124,.12)}
.two-factor-login{min-height:100vh;display:grid;place-items:center;padding:2rem}.two-factor-settings{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.2rem}.two-factor-settings h3{margin:0 0 .45rem;font:700 1rem "Playfair Display"}.two-factor-settings p{font-size:.75rem;color:var(--muted);line-height:1.5}.two-factor-settings code{display:block;background:#fff1f7;border:1px dashed #d693b1;padding:.75rem;word-break:break-all;color:var(--magenta);font-size:.72rem;margin:.7rem 0}.two-factor-settings input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:.7rem;font:inherit;margin:.45rem 0 .7rem}.two-factor-uri{display:block;font-size:.72rem;margin:.7rem 0}.two-factor-settings .outline-button{margin-top:.25rem}
.settings-content .profile-form input[type=password],.settings-content .profile-form input[type=text]{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.9rem 4rem .9rem 1rem;font:inherit;color:var(--ink);outline:0;transition:.2s}.settings-content .profile-form input[type=password]:focus,.settings-content .profile-form input[type=text]:focus{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(183,47,124,.12)}.settings-content .password-wrap{width:100%}.settings-content .password-toggle{right:.7rem}.modal-close{display:grid;place-items:center;font:400 1.45rem/1 "DM Sans";padding:0}
.developer-card{max-width:580px}.developer-details{display:grid;gap:.7rem;margin:1.2rem 0}.developer-details div{display:flex;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.55rem}.developer-details dt{color:var(--muted);font-size:.75rem;min-width:130px}.developer-details dd{margin:0;font-weight:700;font-size:.8rem}.developer-note{color:var(--muted);font-size:.78rem;line-height:1.5}.modal-security-2fa input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:.85rem;font:inherit;margin:.5rem 0 .7rem}.modal-security-2fa input:focus{outline:0;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(183,47,124,.12)}
.profile-form input[type=text],.profile-form input[type=email],.profile-form input[type=file]{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.85rem;font:inherit;color:var(--ink)}.profile-form input:focus{outline:0;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(183,47,124,.12)}.moment-upload{display:grid;gap:.7rem;max-width:540px;margin-bottom:1.5rem}.moment-upload input[type=file]{border:1px dashed #d693b1;border-radius:8px;padding:.8rem;background:#fff1f7}.uploaded-moment{background-size:cover;background-position:center}.edit-note{border:0;background:none;color:var(--magenta);font-size:1rem;cursor:pointer;padding:.3rem}
.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.file-picker{display:flex;align-items:center;gap:.9rem;width:100%;border:1px dashed #d693b1;border-radius:12px;padding:.85rem 1rem;background:linear-gradient(135deg,#fff5fa,#fce5f0);color:var(--magenta);cursor:pointer;transition:.2s}.file-picker:hover,.file-picker:focus-within{border-color:var(--magenta);background:#f9dce9;box-shadow:0 0 0 3px rgba(183,47,124,.1);transform:translateY(-1px)}.file-picker-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--magenta);color:#fff;font-size:1.25rem}.file-picker-copy{display:grid;gap:.15rem}.file-picker-copy strong{font-size:.78rem}.file-picker-copy small{color:var(--muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.compact-file-picker{padding:.7rem .85rem}.compact-file-picker .file-picker-icon{width:28px;height:28px;font-size:1rem}
.visually-hidden-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.modal-backdrop{background:linear-gradient(135deg,rgba(45,17,34,.56),rgba(183,47,124,.25));padding:clamp(1rem,4vw,3rem)}.profile-modal{position:relative;width:min(960px,100%);max-height:min(760px,calc(100vh - 2rem));padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:linear-gradient(145deg,#fff,#fff7fb);box-shadow:0 35px 100px rgba(44,15,35,.32)}.profile-modal:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#982461,#d85b9b,#f5b4d0)}.modal-header{position:relative;padding:2rem 2.1rem 1.35rem;background:radial-gradient(circle at 0 0,rgba(246,212,227,.7),transparent 48%);border-bottom:1px solid rgba(234,221,229,.8)}.modal-header h2{font-size:2.35rem;letter-spacing:-.04em}.modal-header .eyebrow{font-size:.62rem}.modal-close{transition:.2s}.modal-close:hover{background:var(--magenta);color:#fff;transform:rotate(90deg)}.profile-modal-layout{grid-template-columns:220px 1fr;gap:0;padding:0;min-height:440px}.settings-tabs{gap:.55rem;padding:1.5rem 1rem 1.5rem 1.35rem;background:rgba(249,228,237,.42);border-right:1px solid var(--line)}.settings-tab{position:relative;padding:.9rem 1rem;border:1px solid transparent;transition:.2s}.settings-tab:before{content:"";display:inline-block;width:7px;height:7px;margin:0 .65rem .08rem 0;border-radius:50%;background:#e9bfd3;transition:.2s}.settings-tab.active,.settings-tab:hover{border-color:#edc9da;background:#fff;color:var(--magenta);box-shadow:0 7px 18px rgba(183,47,124,.08)}.settings-tab.active:before{background:var(--magenta);box-shadow:0 0 0 4px #f8ddea}.settings-content{padding:2rem 2.2rem 2.3rem}.settings-panel h3{font-size:1.75rem;margin:.1rem 0 .45rem}.settings-panel>p{line-height:1.6}.notification-group{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:14px;margin-top:1rem;padding:1rem 1.15rem}.notification-group h4{color:var(--deep);margin:.1rem 0 .55rem}.setting-toggle{padding:.65rem 0;border-bottom:1px solid #f2e6ed}.setting-toggle:last-child{border-bottom:0}.modal-security-2fa{background:#fff1f7;border:1px solid #f1d6e3;border-radius:14px;padding:1rem;margin-top:1.5rem}.modal-security-2fa h4{color:var(--magenta)}
 .terms-onboarding{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:1rem;background:rgba(36,21,34,.78);backdrop-filter:blur(7px)}.terms-onboarding.hidden{display:none}.terms-onboarding-card{width:min(760px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:clamp(1.25rem,4vw,2rem);background:#fffafd;box-shadow:0 25px 80px rgba(44,15,35,.3)}.terms-onboarding-card h1{margin:.45rem 0;font:700 clamp(1.7rem,4vw,2.4rem)/1.1 "Playfair Display",serif;color:var(--deep)}.terms-onboarding-card>p{color:var(--muted);font-size:.86rem;line-height:1.55}.terms-onboarding-card>label:not(.check-label){display:block;margin:.9rem 0 .35rem;font-size:.78rem;font-weight:700}.terms-onboarding-card select,.profile-community-settings textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#fff;color:var(--ink);font:inherit}.terms-policy-text{max-height:34vh;overflow:auto;white-space:pre-wrap;border:1px solid var(--line);border-radius:9px;padding:1rem;background:#fff;font-size:.8rem;line-height:1.6;color:var(--ink)}.terms-version{font-size:.72rem!important;color:var(--muted)}.terms-required-choice,.terms-optional-choice{align-items:flex-start!important;margin:.9rem 0!important;line-height:1.45}.terms-required-choice input,.terms-optional-choice input{margin-top:.16rem}.terms-onboarding-card>.primary-button{width:100%;margin-top:.6rem}.profile-community-settings{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.1rem}.profile-community-settings h3{font:700 1.25rem "Playfair Display";margin:.1rem 0 .4rem}.profile-community-settings>p{font-size:.82rem;line-height:1.5;color:var(--muted)}.profile-community-settings textarea{display:block;resize:vertical;margin:.3rem 0 .75rem;font-size:.78rem;line-height:1.5}.profile-community-settings label:not(.check-label){display:block;margin-top:.75rem;font-size:.76rem;font-weight:700}
.birthday-page .birthday-card{max-width:650px;margin:2rem auto;padding:clamp(2rem,7vw,5rem);text-align:center;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.95),transparent 35%),linear-gradient(145deg,#fff0f7,#f6d8e8);box-shadow:0 25px 70px rgba(115,40,82,.14)}
.birthday-ornament{font-size:3rem;letter-spacing:.5rem;color:#b72f7c;margin-bottom:1.5rem}.birthday-design-note{margin-top:3rem;color:#9b7188;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.birthday-page[data-design^="masculine"] .birthday-card{background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.95),transparent 35%),linear-gradient(145deg,#e5f1ff,#d3e7f5);color:#1d3a55;box-shadow:0 25px 70px rgba(34,73,107,.16)}
.birthday-page[data-design^="masculine"] .birthday-ornament{color:#3976a8}.birthday-page[data-design*="starlight"] .birthday-card{background:linear-gradient(145deg,#24224f,#7774b5);color:#fff}.birthday-page[data-design*="sunrise"] .birthday-card{background:linear-gradient(145deg,#fff0cf,#f1bda9)}
.reset-methods{display:grid;gap:.65rem;margin-top:1rem}.reset-methods input,.reset-methods>label{width:100%}.reset-methods .outline-button{justify-self:start}.settings-panel select,.terms-onboarding-card select,.terms-onboarding-card input[type=date],.settings-panel input[type=date]{width:100%;border:1px solid var(--line);border-radius:8px;padding:.7rem;background:#fff;color:var(--ink);font:inherit}