:root{--desk:#f0ebf6;--page:#fffcf8;--ink:#30243c;--muted:#6b5f78;--plum:#644682;--plum-dark:#523a6c;--lilac:#ece3f5;--ribbon:#a98bc9;--line:#e4dbec;--line-strong:#c9bbd8;--sage:#e8efdf;--sage-ink:#3f5230;--peach:#f5eadd;--peach-ink:#6b4a2a;--danger:#9b2c3c;--serif:"Instrument Serif", "Noto Naskh Arabic", Georgia, serif;--sans:"Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--hand:"Caveat", cursive}[dir=rtl]{--serif:"Noto Naskh Arabic", "Instrument Serif", serif;--sans:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--hand:"Aref Ruqaa", serif}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--desk);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);letter-spacing:-.01em;font-weight:400;line-height:1.02}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;font-weight:700;line-height:1.35}h1{font-size:clamp(34px,4.4vw,56px)}h2{font-size:clamp(28px,3vw,42px)}h3{font-size:16px;font-weight:600}h1 em,h2 em,a{color:var(--plum)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--plum);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.hand{font-family:var(--hand)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0;width:20px;height:20px}[dir=rtl] .icon.flip{transform:scaleX(-1)}.topbar{border-bottom:1px solid var(--line);background:#fffcf8b8}.topbar-inner{flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:1280px;margin:0 auto;padding:10px 22px;display:flex}.brand{color:var(--ink);font-family:var(--serif);align-items:center;gap:12px;font-size:28px;line-height:1;text-decoration:none;display:flex}[dir=rtl] .brand{font-size:24px;font-weight:700}.brand-mark{background:var(--lilac);width:46px;height:46px;color:var(--plum);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-mark .icon{width:26px;height:26px}.nav{gap:4px;margin-inline:auto;display:flex}.nav a{min-height:42px;color:var(--ink);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.nav a:hover{background:#64468212}.nav a.active{background:var(--lilac);color:var(--plum);font-weight:600}.top-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.nav+.top-actions{margin-inline-start:0}.lang-btn{border:1px solid var(--line);background:var(--page);min-height:42px;color:var(--plum);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.menu{position:relative}.menu-btn{background:0 0;border:0;align-items:center;gap:6px;min-height:42px;padding:0;display:inline-flex}.avatar{background:var(--peach);width:46px;height:46px;color:var(--peach-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.menu-list{inset-inline-end:0;z-index:20;background:var(--page);border:1px solid var(--line);border-radius:14px;min-width:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);box-shadow:0 18px 40px -18px #30243c59}.menu-list a,.menu-list button{width:100%;min-height:44px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.menu-list a:hover,.menu-list button:hover{background:var(--lilac)}.shell{max-width:1280px;margin:0 auto;padding:22px 20px 48px}.above-book{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:54px;margin-bottom:20px;display:flex}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--plum);text-decoration:underline}.crumbs li{align-items:center;gap:8px;display:flex}.crumbs li[aria-current]{color:var(--ink);font-weight:600}.crumbs .icon{width:14px;height:14px}.book{--left:35fr;--right:65fr;grid-template-columns:var(--left) var(--right);background:var(--page);border:1px solid var(--line);box-shadow:0 3px 0 -1px #f7f1f9, 0 4px 0 -1px var(--line), 0 8px 0 -3px #f3ecf7, 0 9px 0 -3px var(--line), 0 30px 50px -30px #30243c4d;border-radius:22px;display:grid;position:relative}.book.half{--left:1fr;--right:1fr}.book.narrow-left{--left:30fr;--right:70fr}.book.single{grid-template-columns:1fr}.leaf{flex-direction:column;gap:22px;min-width:0;padding:clamp(20px,2.6vw,38px);display:flex;position:relative}.leaf-left{background:linear-gradient(90deg,#0000 calc(100% - 26px),#30243c17),linear-gradient(135deg,#fffcf8 30%,#fbf2e8 100%);border-start-start-radius:21px;border-end-start-radius:21px}[dir=rtl] .leaf-left{background:linear-gradient(270deg,#0000 calc(100% - 26px),#30243c17),linear-gradient(225deg,#fffcf8 30%,#fbf2e8 100%)}.leaf-right{background:linear-gradient(90deg,#30243c12,#0000 22px)}[dir=rtl] .leaf-right{background:linear-gradient(270deg,#30243c12,#0000 22px)}.ribbon{top:-1px;background:var(--ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);width:34px;height:64px;position:absolute;inset-inline-end:42px}.leaf-left h1{font-size:clamp(32px,3.4vw,46px)}.book.narrow-left .leaf-left h1{padding-inline-end:56px;font-size:clamp(30px,2.9vw,40px)}.leaf-left>.duo:first-of-type{margin-top:30px}.leaf-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.count{color:var(--muted);margin-top:10px}.school-name{color:var(--plum);padding-inline-end:84px;font-weight:600}.facts{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.facts strong{color:var(--plum)}.fact{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.fact .icon{width:17px;height:17px}.print{background:#fff;border:1px solid #f0e6e2;align-self:center;width:min(100%,440px);margin:14px 0 8px;padding:14px 14px 6px;position:relative;transform:rotate(-2deg);box-shadow:8px 8px 0 -1px #f3e1df,0 18px 30px -18px #30243c59}[dir=rtl] .print{transform:rotate(2deg)}.print:before{content:"";top:-13px;opacity:.92;background:repeating-linear-gradient(90deg,#d5e3c6 0 6px,#cddcbd 6px 12px);width:112px;height:26px;position:absolute;inset-inline-start:36px;transform:rotate(-7deg)}.print img,.print .print-empty{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.print .print-empty{background:var(--lilac);color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;display:flex}.print .print-empty .icon{width:30px;height:30px;color:var(--plum)}.print figcaption{text-align:center;font-family:var(--hand);color:var(--plum-dark);padding:8px 4px 6px;font-size:22px;line-height:1.2}figure{margin:0}.btn{border:1px solid var(--line-strong);background:var(--lilac);min-height:46px;color:var(--plum-dark);border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#e3d7f0}.btn.primary{border-color:var(--plum);background:var(--plum);color:#fff}.btn.primary:hover{background:var(--plum-dark)}.btn.quiet{background:0 0}.btn.ok{border-color:var(--sage-ink);background:var(--sage-ink);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn.start{align-self:flex-start}.icon-btn{background:var(--lilac);width:46px;height:46px;color:var(--plum);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:#e3d7f0}.actions{flex-wrap:wrap;gap:10px;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.row{flex-wrap:wrap;gap:16px;display:flex}.row>.field{flex:200px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea,.search input{border:1px solid var(--line-strong);background:#fff;border-radius:12px;width:100%;min-height:46px;padding:0 13px}.field textarea{resize:vertical;padding:11px 13px}.hint{color:var(--muted);font-size:13px}.search{flex:0 280px;position:relative}.search .icon{top:16px;color:var(--muted);position:absolute;inset-inline-start:16px}.search input{border-color:var(--line);background:var(--page);padding-inline-start:46px}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--line-strong);background:0 0;border-radius:12px;flex:96px;min-height:44px;font-weight:600}.tab[aria-pressed=true]{border-color:var(--plum);background:var(--plum);color:#fff}.error{color:var(--danger);font-weight:600}.success{color:var(--sage-ink);font-weight:600}.notice{border:1px dashed var(--line-strong);background:#ece3f573;border-radius:14px;padding:16px 18px}.empty{border:1px dashed var(--line-strong);color:var(--muted);border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex}.badge{background:var(--peach);color:var(--peach-ink);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:13px;font-weight:600}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tiles.list{grid-template-columns:1fr}.tile{border:1px solid var(--line);min-height:52px;color:var(--ink);background:#fffdfb;border-radius:13px;align-items:center;gap:12px;padding:8px 12px;font-weight:600;text-decoration:none;display:flex}.tile:hover{border-color:var(--ribbon);background:#faf5fd}.tile .grow{flex-direction:column;flex:auto;min-width:0;display:flex}.tile .sub{color:var(--muted);font-size:14px;font-weight:400}.tile>.icon:last-child{width:16px;height:16px;color:var(--muted)}.chip{background:var(--lilac);width:36px;height:36px;color:var(--plum);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tiles li:nth-child(3n+2) .chip{background:var(--sage);color:var(--sage-ink)}.tiles li:nth-child(3n) .chip{background:var(--peach);color:var(--peach-ink)}.mates{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.mate{border:1px solid var(--line);background:#fffdfb;border-radius:16px;height:100%;padding:10px 10px 12px;position:relative}.mate:hover{border-color:var(--ribbon)}.duo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shot{background:var(--peach);border-radius:9px;overflow:hidden}.shot.now{background:var(--sage)}.shot img,.shot .shot-empty{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.shot .shot-empty{color:#30243c52;justify-content:center;align-items:center;display:flex}.shot .shot-empty .icon{width:38%;height:auto}.shot figcaption{text-align:center;color:var(--peach-ink);padding:5px 4px;font-size:12.5px;font-weight:600}.shot.now figcaption{color:var(--sage-ink)}.mate-foot{align-items:center;gap:8px;padding:12px 4px 0;display:flex}.mate-foot .who{flex:auto;min-width:0}.mate-name{color:var(--ink);overflow-wrap:anywhere;font-size:17px;font-weight:600;text-decoration:none;display:block}.mate-name:after{content:"";border-radius:16px;position:absolute;inset:0}.mate-foot .icon-btn{z-index:1;position:relative}.where{color:var(--muted);align-items:center;gap:5px;font-size:14px;display:flex}.where .icon{width:15px;height:15px}.duo.large{gap:14px}.duo.large .shot{border-radius:12px}.duo.large .shot figcaption{padding:8px 4px;font-size:14px}.upload{flex-direction:column;gap:10px;display:flex;position:relative}.upload .btn{min-height:46px;padding:0 12px;font-size:15px}.upload .btn:focus-within{outline:3px solid var(--plum);outline-offset:2px}.convos{flex-direction:column;gap:4px;margin:0 -10px;padding:0;list-style:none;display:flex}.convo{min-height:60px;color:var(--ink);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:6px 10px;text-decoration:none;display:flex}.convo:hover{background:#ece3f599}.convo.active{background:var(--lilac);border-color:#ddd0ea}.convo .grow{flex:auto;min-width:0}.convo .preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.convo.unread .preview{color:var(--ink);font-weight:600}.dot{background:var(--plum);border-radius:50%;flex-shrink:0;width:10px;height:10px}.thread-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.thread-head .avatar{width:58px;height:58px}.thread-head .grow{flex:auto;min-width:0}.thread{flex-direction:column;flex:auto;gap:10px;min-height:300px;max-height:52vh;padding:4px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1ecea;border-radius:16px;align-self:flex-start;max-width:min(78%,600px);padding:12px 16px}.bubble.mine{background:var(--plum);color:#fff;align-self:flex-end}.composer{align-items:flex-end;gap:12px;display:flex}.composer textarea{border:1px solid var(--line-strong);resize:vertical;background:#fff;border-radius:12px;flex:auto;min-height:48px;max-height:160px;padding:12px 14px}.auth-wrap{max-width:1040px;margin:0 auto}@media (width<=1060px){.tiles,.mates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=880px){.topbar-inner{padding:10px 14px}.brand{font-size:23px}.brand-mark{width:40px;height:40px}.nav{flex:100%;order:3;margin:0}.nav a{flex:1 1 0;justify-content:center;padding:0 6px}.shell{padding:16px 12px 40px}.above-book{min-height:0;margin-bottom:14px}.book,.book.half,.book.narrow-left{grid-template-columns:1fr}.leaf{gap:18px;padding:22px 18px}.leaf-left,[dir=rtl] .leaf-left{background:linear-gradient(#0000 calc(100% - 20px),#30243c12),linear-gradient(135deg,#fffcf8 30%,#fbf2e8 100%);border-radius:21px 21px 0 0}.leaf-right,[dir=rtl] .leaf-right{background:0 0}.ribbon{width:26px;height:46px;inset-inline-end:22px}.school-name{padding-inline-end:56px}.print{margin-top:10px}.search{flex:100%}.thread{min-height:240px;max-height:none}.book.in-thread .leaf-left{display:none}.book.in-thread .leaf-right{border-radius:21px}}@media (width<=640px){.tiles{grid-template-columns:1fr 1fr}.tiles.list{grid-template-columns:1fr}.lang-btn span{display:none}}@media (width<=480px){.mates{gap:10px}.shot figcaption{white-space:nowrap;padding:4px 0;font-size:10.5px}.duo{gap:5px}.mate{padding:7px 7px 10px}.mate-name{font-size:15px}.mate-foot{padding:10px 2px 0}.mate-foot .icon-btn{width:44px;height:44px}.brand{flex:1 1 0;gap:8px;min-width:0;font-size:20px}.lang-btn{padding:0 12px}.topbar-inner{gap:8px 10px}}@media (width<=350px){.mates,.tiles{grid-template-columns:1fr}}@media (width>=881px){.only-mobile{display:none}}@media (prefers-reduced-motion:no-preference){.btn,.tile,.mate,.nav a,.convo,.icon-btn{transition:background-color .15s,border-color .15s}}.prints{align-self:center;width:min(100%,440px);margin:14px 0 8px;position:relative}.prints .print{width:100%;margin:0}.prints.stacked:before{content:"";background:#fff;border:1px solid #f0e6e2;position:absolute;inset:6px -6px -6px 10px;transform:rotate(3deg);box-shadow:0 12px 22px -16px #30243c59}.print-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.print figcaption small{font-family:var(--sans);color:var(--muted);font-size:13px;display:block}.print-nav{color:var(--muted);justify-content:center;align-items:center;gap:16px;font-weight:600;display:flex}.photo-form{border:1px solid var(--line);background:#fff9;border-radius:14px;padding:16px}.photo-form .row>.field{flex:130px}.field input[type=file]{min-height:0;padding:12px}.lightbox{background:var(--page);border:0;border-radius:14px;max-width:96vw;max-height:96vh;padding:12px}.lightbox::backdrop{background:#30243cd1}.lightbox img{max-width:100%;max-height:calc(96vh - 100px);margin-top:10px;display:block}.lightbox .btn{min-height:44px}.print-nav .prev .icon,[dir=rtl] .print-nav .next .icon{transform:scaleX(-1)}[dir=rtl] .print-nav .prev .icon{transform:none}.quote{font-family:var(--hand);color:var(--plum-dark);overflow-wrap:anywhere;font-size:27px;line-height:1.25}.likes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.like-btn{border:1px solid var(--line-strong);min-height:46px;color:var(--plum-dark);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.like-btn[aria-pressed=true]{border-color:var(--plum);background:var(--lilac)}.like-btn[aria-pressed=true] .icon{fill:var(--plum)}.like-btn:disabled{cursor:default;opacity:.8}.avatar.secret{background:var(--lilac);color:var(--plum)}.secret-note{background:var(--lilac);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;align-self:flex-start;max-width:min(86%,620px);padding:12px 16px}.secret-note small{margin-top:4px;display:block}.notice.reveal{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.notice.reveal .btn{min-height:44px}.count-badge{background:var(--accent-alert,#b3261e);color:#fff;text-align:center;border-radius:11px;min-width:22px;height:22px;padding:0 6px;font-size:12.5px;font-weight:600;line-height:22px}@media (width<=420px){.nav a{white-space:nowrap;gap:6px;padding:0 4px;font-size:15px}.nav a>.icon{display:none}}.btn.danger{color:#b3261e;background:#fff;border-color:#b3261e}.btn.danger:hover{background:#fbeceb}.report-btn{min-height:44px;color:var(--ink-soft,#5d5068);align-self:flex-start}.report-mini{width:36px;height:36px;min-height:0;color:var(--ink-soft,#5d5068);opacity:.75;flex:none}.report-mini:hover,.report-mini:focus-visible{opacity:1}.bubble-row{align-self:flex-start;align-items:center;gap:4px;max-width:100%;display:flex}.bubble-row.mine{align-self:flex-end}.bubble-row .bubble{align-self:auto;max-width:min(78vw,600px)}.report-dialog{background:var(--page);width:min(92vw,460px);color:var(--ink);border:0;border-radius:16px;padding:22px}.report-dialog::backdrop{background:#30243cb3}.report-photo{border-radius:8px;max-width:220px;max-height:160px;margin:8px 0;display:block}.report-quote{border-inline-start:3px solid var(--plum);white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f2fa;margin:6px 0;padding:8px 12px;display:block}.danger-zone{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:28px;padding-top:18px;display:flex}.consent{flex-direction:column;gap:10px;font-size:15px;display:flex}.consent label{align-items:flex-start;gap:10px;display:flex}.consent input{flex:none;width:22px;height:22px;margin-top:1px}.legal section{margin-top:18px}.legal h3{margin-bottom:6px}.legal p{max-width:68ch;margin:0 0 8px}.site-footer{justify-content:center;gap:22px;padding:18px 16px 28px;font-size:14px;display:flex}.site-footer a{color:var(--plum)}.brand-logo{transform-origin:50% 70%;width:auto;height:50px;display:block}.brand-spacer{flex:auto}.hero-logo{width:min(100%,320px);height:auto;margin:0 0 6px;display:block}.tagline{font-size:16px}[dir=rtl] .tagline{color:var(--plum);font-family:Aref Ruqaa,Noto Naskh Arabic,serif;font-size:23px;line-height:1.5}@media (width<=880px){.brand-logo{height:42px}}@media (width<=480px){.brand-logo{height:37px}}.petals{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.petal{opacity:.7;display:block;position:absolute;top:-40px}.petal svg{width:100%;height:100%;display:block}.topbar,.shell,.site-footer{z-index:1;position:relative}.topbar{z-index:5}@keyframes petal-fall{0%{transform:translateY(-6vh)rotate(0)}50%{transform:translate3d(var(--sway), 55vh, 0) rotate(180deg)}to{transform:translate3d(calc(var(--sway) * -.4), 112vh, 0) rotate(340deg)}}@keyframes book-open{0%{opacity:0;transform:perspective(1600px)rotateX(7deg)translateY(22px)scale(.985)}to{opacity:1;transform:none}}@keyframes page-turn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes page-turn-rtl{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@keyframes ribbon-drop{0%{transform:translateY(-72px)}62%{transform:translateY(8px)}80%{transform:translateY(-3px)}to{transform:none}}@keyframes develop{0%{opacity:.25;filter:sepia()brightness(1.3)contrast(.6)blur(7px)}55%{opacity:1;filter:sepia(.8)brightness(1.08)contrast(.85)blur(2px)}to{opacity:1;filter:none}}@keyframes print-drop{0%{opacity:0;transform:translateY(-30px)rotate(-8deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes ping{0%{box-shadow:0 0 #b3261e73}70%,to{box-shadow:0 0 0 9px #b3261e00}}@keyframes logo-in{0%{opacity:0;transform:translateY(-10px)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes sway{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-.5deg)translateY(-5px)}}@keyframes sway-rtl{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(.5deg)translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)scale(1.04)}75%{transform:rotate(3deg)scale(1.04)}}@media (prefers-reduced-motion:no-preference){.petal{animation:linear infinite petal-fall}.book{animation:.7s cubic-bezier(.2,.7,.2,1) both book-open}.leaf-right{animation:.65s cubic-bezier(.2,.7,.2,1) .12s both page-turn}[dir=rtl] .leaf-right{animation-name:page-turn-rtl}.ribbon{animation:1s cubic-bezier(.3,.7,.4,1) .45s both ribbon-drop}.brand-logo{animation:.7s cubic-bezier(.2,.7,.2,1) both logo-in}.brand:hover .brand-logo{animation:.6s ease-in-out wiggle}.print img,.shot img,.avatar img,.duo img{animation:1.4s ease-out both develop}.prints.stacked .print{animation:.6s cubic-bezier(.3,.8,.3,1) backwards print-drop}.auth-wrap .print{animation:6s ease-in-out infinite sway}[dir=rtl] .auth-wrap .print{animation-name:sway-rtl}.tiles>li,.mates>*,.convos>li{animation:.5s cubic-bezier(.2,.7,.2,1) backwards rise}.tiles>li:first-child,.mates>:first-child,.convos>li:first-child{animation-delay:45ms}.tiles>li:nth-child(2),.mates>:nth-child(2),.convos>li:nth-child(2){animation-delay:90ms}.tiles>li:nth-child(3),.mates>:nth-child(3),.convos>li:nth-child(3){animation-delay:.135s}.tiles>li:nth-child(4),.mates>:nth-child(4),.convos>li:nth-child(4){animation-delay:.18s}.tiles>li:nth-child(5),.mates>:nth-child(5),.convos>li:nth-child(5){animation-delay:.225s}.tiles>li:nth-child(6),.mates>:nth-child(6),.convos>li:nth-child(6){animation-delay:.27s}.tiles>li:nth-child(7),.mates>:nth-child(7),.convos>li:nth-child(7){animation-delay:.315s}.tiles>li:nth-child(8),.mates>:nth-child(8),.convos>li:nth-child(8){animation-delay:.36s}.tiles>li:nth-child(9),.mates>:nth-child(9),.convos>li:nth-child(9){animation-delay:.405s}.tiles>li:nth-child(10),.mates>:nth-child(10),.convos>li:nth-child(10){animation-delay:.45s}.tiles>li:nth-child(11),.mates>:nth-child(11),.convos>li:nth-child(11){animation-delay:.495s}.tiles>li:nth-child(12),.mates>:nth-child(12),.convos>li:nth-child(12){animation-delay:.54s}.tile,.mate{transition:transform .2s,box-shadow .2s,background-color .15s,border-color .15s}.tile:hover,.mate:hover{transform:translateY(-3px);box-shadow:0 12px 22px -14px #30243c73}.btn:active,.tab:active{transform:scale(.97)}.bubble-row{animation:.3s ease-out both bubble-pop}.like-btn[aria-pressed=true] .icon{animation:.45s ease-out heart-pop}.count-badge,.dot{animation:2.4s ease-out infinite ping}.report-dialog[open],.lightbox[open]{animation:.25s ease-out bubble-pop}}@media (hover:none){.field input,.field select,.field textarea,.search input,.composer textarea{font-size:16px}}.petal{will-change:transform}.chips{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.filter-chip{border:1px solid var(--line-strong);min-height:36px;color:var(--plum-dark);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:13.5px;font-weight:600}.filter-chip bdi{opacity:.65;margin-inline-start:4px;font-weight:500}.filter-chip[aria-pressed=true]{border-color:var(--plum);background:var(--plum);color:#fff}.branch-tag{background:var(--sage);color:var(--sage-ink);border-radius:999px;align-self:flex-start;padding:1px 9px;font-size:12px;font-weight:600;display:inline-block}.branch-field{margin:10px 0}.note-page{aspect-ratio:4/5;border-radius:6px;width:100%;overflow:hidden;box-shadow:0 14px 28px -16px #30243c80,0 0 0 1px #30243c14;container-type:inline-size}.note-surface{box-sizing:border-box;width:100%;height:100%;padding:9cqw;position:relative;overflow:hidden}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin:0}.note-sticker{white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;margin:0;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1;position:absolute}.note-sticker.badge{border-radius:999px;padding:.35em .85em;font-family:Inter,IBM Plex Sans Arabic,sans-serif;font-weight:700;line-height:1.25;box-shadow:0 .4cqw 1cqw #30243c2e}.note-sticker.live{cursor:grab;touch-action:none}.note-sticker.live:active{cursor:grabbing}.note-sticker.selected{outline:.6cqw dashed var(--plum);outline-offset:1cqw;border-radius:2cqw}.studio{grid-template-columns:minmax(250px,370px) minmax(0,1fr);align-items:start;gap:30px;margin-top:14px;display:grid}.studio-stage{flex-direction:column;gap:10px;display:flex;position:sticky;top:14px}.studio-tools{flex-direction:column;gap:16px;min-width:0;display:flex}.studio-name{color:var(--plum);font-style:italic}.sticker-bar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sticker-bar .icon-btn{border:1px solid var(--line-strong);background:#fff;width:44px;height:44px;font-size:20px}.field .label,.label{font-size:14px;font-weight:600}.font-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.font-btn{border:1px solid var(--line-strong);min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;font-size:24px;line-height:1.4}.font-btn[aria-pressed=true],.paper-btn[aria-pressed=true]{border-color:var(--plum);background:var(--lilac);box-shadow:0 0 0 2px var(--plum)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{width:34px;height:34px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border:2px solid #fff;border-radius:50%}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--plum)}.seg{border:1px solid var(--line-strong);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{min-height:40px;color:var(--plum-dark);cursor:pointer;background:#fff;border:0;padding:0 12px;font-size:13.5px;font-weight:600}.seg button+button{border-inline-start:1px solid var(--line-strong)}.seg button[aria-pressed=true]{background:var(--plum);color:#fff}.paper-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.paper-btn{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:6px;font-size:12.5px;font-weight:600;display:flex}.paper-chip{border-radius:6px;height:58px;display:block;box-shadow:0 0 0 1px #30243c1f}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;display:grid}.sticker-pick{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;height:50px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:28px;line-height:1}.sticker-pick:hover{background:var(--lilac)}.badge-grid{flex-wrap:wrap;gap:8px;display:flex}.badge-pick{cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;box-shadow:0 1px 3px #30243c2e}@media (width<=880px){.studio{grid-template-columns:1fr;gap:20px}.studio-stage{width:100%;max-width:380px;margin-inline:auto;position:static}.font-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}}.board-link{align-self:flex-start;min-height:42px;margin:4px 0 12px}.wall{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:30px 24px;margin:20px 0 0;padding:0;list-style:none;display:grid}.wall li{transform:rotate(var(--tilt,0deg));transition:transform .2s,filter .2s}.wall li:hover,.wall li:focus-within{transform:rotate(0)translateY(-4px)}.wall-card{width:100%;color:var(--ink);text-align:start;cursor:pointer;background:#fff;border:0;border-radius:3px;padding:10px 10px 8px;display:block;position:relative;box-shadow:0 12px 24px -14px #30243c80}.wall-card:before{content:"";top:-10px;opacity:.92;z-index:1;background:repeating-linear-gradient(90deg,#d5e3c6 0 6px,#cddcbd 6px 12px);width:70px;height:18px;margin-inline-start:-35px;position:absolute;inset-inline-start:50%;transform:rotate(-3deg)}.wall-card .note-page{box-shadow:none;border-radius:2px}.wall-cap{padding-top:8px;font-size:13.5px;font-weight:600;display:block}.wall-cap small{color:var(--muted);font-weight:400;display:block}.new-tag{top:-6px;z-index:2;color:#fff;background:#b3261e;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;inset-inline-end:-8px}.note-dialog{width:min(94vw,520px)}.note-dialog-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-dialog-top p{margin:0}.note-big{width:min(100%,420px);margin:0 auto}@media (prefers-reduced-motion:no-preference){.new-tag{animation:1.6s ease-out infinite heart-pop}.note-sticker{transition:font-size .12s}}